《JavaScript网页特效实例大全》1.1 HTML 5改变背景颜色
改变背景颜色,就是改变属性background-color
html部分:
<body>
<form>
<p align="left">请输入颜色编码:</p>
<input type="text"name="text" size="20" />
<input type="button" name="button" value="修改颜色" onClick="change(this.form)" />
</form>
</body>
js部分:
<script language="JavaScript">
function change(form)
{
/*未输入颜色编码,弹出提示框*/
if (form.text.value == "")
alert("你喜欢的颜色是?");
else
{
/*按输入颜色编码,修改背景颜色*/
document.bgColor=(""+form.text.value+" ");
}
}
</script>
显示结果:
公众号.png