Posted in Javascript onMay 05, 2014
<!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"> body{ font-size:12px; font-family:"Courier New", Courier, monospace; letter-spacing:5px; } ul{ list-style:none; } li{ width:130px; height:130px; line-height:130px; vertical-align:middle; text-align:center; float:left; margin-left: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").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>
javascript生成随机颜色示例代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@