javascript生成随机颜色示例代码
2014-05-05 00:00
836 查看
<!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生成随机颜色示例代码
- Java随机生成姓名,手机号,住址代码示例
- js随机生成颜色代码
- 【JAVASCRIPT】javascript随机生成颜色8种方法
- javascript生成随机颜色
- vue生成随机验证码的示例代码
- Python随机生成均匀分布在单位圆内的点代码示例
- JavaScript实现简单生成随机颜色的方法
- PHP生成随机的HTML颜色代码
- 使用javascript生成随机颜色方法
- JavaScript 随机验证码的生成实例代码
- 用javascript获取任意颜色的更亮或更暗颜色值示例代码
- Java代码生成随机十六进制颜色代码
- php生成随机颜色代码
- JavaScript随机生成颜色的方法
- js生成随机颜色方法代码分享(三种)
- 利用iOS绘制图片生成随机验证码示例代码
- 各位朋友对" JavaScript挑战赛--随机颜色"的挑战代码
- JS实现随机生成十六进制颜色值的代码
- Android编程实现随机生成颜色的方法示例