首頁 >web前端 >js教程 >javascript產生隨機顏色範例程式碼_javascript技巧

javascript產生隨機顏色範例程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 16:50:001009瀏覽
複製代碼如下代碼:

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>

正文{
字體大小:12px;
font-family:"Courier New"、Courier、等寬字體;
字母間距:5px;
}
ul{
列表樣式:無;
}
li{
寬度:130px;
高度:130px;
行高:130px;
垂直對齊:中間;
文字對齊:居中;
浮動:左;
左邊距:20px;
}
樣式>

javascript產生隨機顏色

$(function(){
$("ul li").each(function(){
$(this).css("background-color",getRandomColor());
});
})
函數getRandomColor()
{
var c = '#';
var cArray = ['0','1','2','3','4','5', '6','7','8','9','A' ,'B','C','D','E','F'];
for(var i = 0 ; i {
var cIndex = Math.round(Math.random()*15);
c = cArray[cIndex];
}
回傳c;
}

腳本>
頭>


;
    ;
  • 第一個色塊

  • 第二個色塊

  • 第三個色塊

  • 第四色塊



身體>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn