复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<style type = "text/css">
ร่างกาย{
ขนาดตัวอักษร: 12px;
Font-Family: "Courier New", Courier, Monospace;
ระยะห่างจดหมาย: 5px;
-
ul {
รายการสไตล์: ไม่มี;
-
หลี่ {
ความกว้าง: 130px;
ความสูง: 130px;
ความสูงของสาย: 130px;
แนวตั้ง-แนว: กลาง;
TEXT-ALIGN: CENTER;
ลอย: ซ้าย;
ขอบซ้าย: 20px;
-
</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];
-
กลับ C;
-
</script>
</head>
<body>
<div>
<ul>
<li> 第一个色块 </li>
<li> 第二个色块 </li>
<li> 第三个色块 </li>
<li> 第四个色块 </li>
</ul>
</div>
</body>
</html>