让访客自己选择文字颜色

2013-11-16 09:20:43 -0800
<html>
<head>
<title>让浏览者自己选择网页的文字颜色</title>
<script language="javascript">
<!--
function chColor(c){
document.body.style.color = c;
}
//-->
</script>
</head>
<body>
<input name="c" type="radio" value="#000000" onClick="chColor(this.value)" checked>黑
<input name="c" type="radio" value="#0000FF" onClick="chColor(this.value)">蓝
<input name="c" type="radio" value="#FF0000" onClick="chColor(this.value)">红<br>
本行文字会改变颜色哦!
</body>
</html>


演示:下面 让浏览者自己选择网页的文字颜色
本行文字会改变颜色哦!
帮助:点击对应的颜色,网页中的文字就会变为所选择的颜色,让网页浏览者适时切换所选择的字体颜色,提升浏览体验,实现方法也很简单,用document控制body对象,设置style的color值即可,具体实现请看代码
«Newer      Older»
Comment:
Name:

Back to home

Subscribe | Register | Login | N