複製代碼代碼如下：
<！ Doctype HTML公共“ - // W3C // DTD XHTML 1.0 Transitional // en”“” http://www.org/tr/tr/xhtml1/dtd/xhtml1-xhtml1-transitional.transitional.dtdd'>
<html xmlns =“ http://www.w3.org/1999/xhtml”>
<頭>
<meta http-equiv =“ content-type” content =“ text /html; charset = utf-8” />
<style type =“ text/css”>
身體{
字體大小：12px;
字體家庭：“ Courier New”，Courier，Monopsace；
信件間隔：5px;
}
ul {
列表風格：無；
}
li {
寬度：130px;
身高：130px;
線高：130px;
垂直分組：中間；
文字平衡：中心；
浮子：左；
左鍵：20px;
}
</style>
<script src =“ http://code.jquery.com/jquery-1.11.0.min.js”> </script>
<Title> JavaScript生成隨機顏色</title>
<腳本類型=“ text/javascript”>
$（function（）{
$（“ ul li”）。每個（function（）{
$（this）.css（“背景色”，getRandomColor（））;
}）;
}））
函數getRandomColor（）
{
var c ='＃';
var carray = ['0'，'1'，'2'，'3'，'4'，'4'，'5'，'6'，'7'，'8'，'8'，'9'，'a'，''，'b'，b'，'c'，'c'，d d'，d'，e'，'f'];
for（var i = 0; i <6; i ++）
{
var cindex = Math.Round（Math.random（）*15）;
C += Carray [Cindex];
}
返回c;
}
</script>
</head>
<身體>
<div>
<ul>
<li>第一個色塊</li>
<li>第二個色塊</li>
<li>第三個色塊</li>
<li>第四個色塊</li>
</ul>
</div>
</body>
</html>