复制代码代码如下:
<! 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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<style type = "text / css">
corps{
taille de police: 12px;
Font-Family: "Courier New", Courier, Monospace;
Espacement des lettres: 5px;
}
ul {
Style de liste: aucun;
}
li {
Largeur: 130px;
hauteur: 130px;
hauteur de ligne: 130px;
Adigne vertical: milieu;
Texte-aligne: Centre;
flottant: à gauche;
marge-gauche: 20px;
}
</ style>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </ script>
<Title> JavaScript 生成随机颜色 </TITME>
<script type = "text / javascript">
$ (function () {
$ ("ul li"). Chaque (fonction () {
$ (this) .css ("fond-couleur", getrandomcolor ());
});
})
fonction getrandomcolor ()
{
var c = '#';
var carrray = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
pour (var i = 0; i <6; i ++)
{
var cindex = math.round (math.random () * 15);
c + = carray [Cindex];
}
Retour C;
}
</cript>
</ head>
<body>
<div>
<ul>
<li> 第一个色块 </li>
<li> 第二个色块 </li>
<li> 第三个色块 </li>
<li> 第四个色块 </li>
</ul>
</div>
</docy>
</html>