《JavaScript网页特效实例大全》1.1 HTML 5改变背景颜色

改变背景颜色,就是改变属性background-color
html部分:

<body>
<form>
    <p align="left">请输入颜色编码:</p>
    <input type="text"name="text" size="20" /> &nbsp;&nbsp;
    <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>

显示结果:


《JavaScript网页特效实例大全》1.1 HTML 5改变背景颜色

《JavaScript网页特效实例大全》1.1 HTML 5改变背景颜色
公众号.png