点击按钮实现内容颜色的改变
2014-02-18 14:56
525 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<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>
<html>
<head>
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 利用分类（category）扩充UIImage，实现按钮点击改变背景颜色
- JavaScript实现点击单选按钮改变输入框中文本域内容的方法
- Android 实现点击时按钮颜色改变
- JSP页面中JQ实现---当点击按钮的时候，改变原来样式，内容也发生改变，再次点击变成原来的样子
- java代码====实现按钮点击改变颜色=======
- JavaScript实现点击单选按钮改变输入框中文本域内容的方法
- SWT实现点击菜单项或按钮改变面板内容
- HTML route点击不同按钮,显示不同内容,可以改变按钮背景颜色
- js实现点击按钮复制文本框中的内容
- js实现表格变色点击行颜色改变
- RecyclerView实现滚动滑动以及点击改变控件颜色
- Vue.js点击切换按钮改变内容实例
- Android中的Button自定义点击效果之改变点击时按钮的颜色
- ListView点击某一项实现改变颜色
- vue 点击按钮改变页面显示内容
- android中控制根据是否选中或者按下改变按钮的颜色（通过xml代码实现）
- Android通过点击按钮改变Activity的背景颜色_个人笔记
- 实现Label文本内容中电话号码特殊颜色显示并点击电话号码能拨打
- 怎么实现批量的点击哪个按钮，相应的文本发生改变
- AJAX实现不刷新页面点击按钮在目标位置加载目标内容