复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///jquery-1.11.0.min.js"></script>
<title>javascript生成随机颜色</title>
<script type="text/javascript">
$(function(){
$("ul li").each(function(){
$(this).css("background-color",getRandomColor());
});
})
function 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 < 6;i++)
{
var cIndex = Math.round(Math.random()*15);
c += cArray[cIndex];
}
return c;
}
</script>
</head>
<body>
<div>
<ul>
<li>第一个色块</li>
<li>第二个色块</li>
<li>第三个色块</li>
<li>第四个色块</li>
</ul>
</div>
</body>
</html>
网站建设 IT知识 IT知识教程 javascript生成随机颜色示例代码 
最新文章
热门文章
猜你喜欢
