javascript小练习实现颜色随机变化
2014-11-26 15:20
519 查看
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>数学对象实例</title> <style type="text/css"> </style> <script type="text/javascript"> function changeColor(){ var red = Math.ceil(Math.random()*255); var green = Math.ceil(Math.random()*255); var blue = Math.ceil(Math.random()*255); var color = "#"+red.toString(16)+green.toString(16)+blue.toString(16); document.getElementById("content").style.color=color; document.getElementById("content").style.fontWeight="bold"; } </script> </head> <body> <p id="content">我要变颜色!</p> <input type="button" value="变换颜色" onclick="changeColor()"/> </body> </html>注意:
Math.random()随机0-1的数字id.style.方法用于设置外观
相关文章推荐
- 基于javascript实现随机颜色变化效果
- 基于javascript实现随机颜色变化效果
- javascript基础练习-随机改变颜色
- 基于JavaScript实现随机颜色输入框
- TextView加载html标签,实现textview字体颜色随机变化
- JavaScript实现简单生成随机颜色的方法
- JavaScript实现GridView行交替与行选中颜色变化,缺点是加入分页和UpdatePanel后,点击下一页后,功能就消失了
- javascript学习实录 之七(实现鼠标移动上去后表格颜色变化) -- 刘小小尘
- 基于JavaScript实现随机颜色输入框
- javascript实现随时变化着的背景颜色
- 实现审核状态显示,选中行颜色变化功能。
- javascript+css实现单击颜色褪去效果
- JavaScript实现的颜色选择器
- JavaScript实现单击行变颜色
- 后台实现GridView行交替与行选中颜色变化
- 全选并改变TR颜色的javascript实现代码
- javascript实现随机产生数字与字母的组合
- Javascript实现随机整数
- asp.net 产生随机颜色实现代码
- 练习:利用颜色直方图匹配算法实现图像中目标的识别