Webページ要素の背景色をランダムに指定する例

午後にjs関数が開かれました。私はブログに「Whisper」の小さな機能を作りました。おそらくホームページにチキンスープの映画の行を含むdivを表示するためです。ページを更新するか、ボタンをクリックして更新するたびに、コンテンツが更新されます。

終わった後、色が単調になっているように感じます（自分の癖の問題）。それを考えた後、動的に色を変える方法を思いつきました。

ブログガーデンにはデフォルトでjqueryが含まれているためです。したがって、最初にjs配列を使用してお気に入りのカラーリストを定義します。ランダムに1つ取得し、jqueryを直接使用して要素の背景を変更します。

サイドバーの定義に入れます。メインコードは次のとおりです。

<script> 
$（function （）{ 

setColor（）; 

}）; 

function setColor（）{
 var colorArr = new Array（ "＃00BCD4"、 "＃8bc34a"、 "＃f44336"、 "＃f44336"、 "＃9c27b0"、 "＃3f51b5" ）
 var theColor = colorArr [Math.floor（ （Math.random（）* colorArr.length））]; 
$（ "#whispers"）。css（ "background-color" 、theColor）; 
}
 </ script>