复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<type type = "text/css">
جسم{
حجم الخط: 12 بكسل ؛
Font-Family: "Courier New" ، Courier ، Monospace ؛
تباعد الرسائل: 5 بكسل ؛
}
ul {
على غرار القائمة: لا شيء ؛
}
لي {
العرض: 130 بكسل ؛
الارتفاع: 130 بكسل ؛
ارتفاع الخط: 130 بكسل ؛
المحاذاة الرأسية: الأوسط ؛
محاذاة النص: المركز ؛
تعويم: اليسار.
الهامش اليساري: 20 بكسل ؛
}
</style>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<title> javaScript 生成随机颜色 </title>
<script type = "text/javaScript">
$ (function () {
$ ("ul li"). كل (وظيفة () {
$ (هذا) .css ("لون الخلفية" ، getRandomColor ()) ؛
}) ؛
})
وظيفة getRandomColor ()
{
var c = '#' ؛
var carray = ['0' ، '1' ، '2' ، '3' ، '4' ، '5' ، '6' ، '7' ، '8' ، '9' ، 'A ،' B '،' C '،' D '،' E '،' F '] ؛
لـ (var i = 0 ؛ i <6 ؛ i ++)
{
var cindex = Math.Round (Math.Random ()*15) ؛
C += Carray [Cindex] ؛
}
العودة ج.
}
</script>
</head>
<body>
<viv>
<ul>
<li> 第一个色块 </li>
<li> 第二个色块 </li>
<li> 第三个色块 </li>
<li> 第四个色块 </li>
</ul>
</div>
</body>
</html>