保护你的眼睛,背景颜色自己挑 - 启步网（7ibu.com）网络、IT(挨踢)职业游民学习娱乐之家.

启步网 > 网站建设 > 网页制作

保护你的眼睛,背景颜色自己挑

作者： sunhy 阅读：来源：启步网时间：2007-2-1 14:07:40

字体：小中大

保护你的眼睛,背景颜色自己挑

启步网整理专题集锦

本专题是关于背景颜色变化类的

共分三部分效果，分别列举如下：

一、自由选择输入并输出：

关键js代码：

<SCRIPT LANGUAGE="JavaScript">
function test(form)

{
     if (form.text.value == "")
        alert("请输入颜色代码!")
     else {
document.bgColor=(""+form.text.value+"");
            }

}
</SCRIPT>

二、预留并限定几种供选择：

此法是在javascript中预加n种背景颜色的名称，再在input中调用。

下面是两种方法的实际效果代码，请运行代码框查看效果：

保护你的眼睛,背景颜色自己挑—启步网整理专题集锦<br><br>
<br>
<div align="center"><b><font color="#cc6600"> 一、自由选择输入并输出：</font></b></div>

<SCRIPT LANGUAGE="JavaScript">
function test(form) {
if (form.text.value == "")
alert("请输入颜色代码!")
else { 
document.bgColor=(""+form.text.value+"");
}
}
</SCRIPT>

<FORM> 
<div align="center"><b>
<FONT COLOR="#1571A1">输入颜色代码，然后按按扭：</FONT>
</b>
<BR><br>
<input type="text" name="text"> 
<input type="button" name="button" value="输入" onClick="test(this.form)"> 
</div></FORM>

<div align="center"><b><font color="#cc6600"> 二、预留并限定几种供选择：</font></b></div>

<SCRIPT>
function colors(c1){
this.c1 = c1;
}
a00 = new colors("FFFBD0");
a01 = new colors("FF0000");
a02 = new colors("FF8080");
a03 = new colors("FF8000");
a04 = new colors("FFFF00");
a05 = new colors("000080");
a06 = new colors("0000FF");
a07 = new colors("008000");
a08 = new colors("00FF00");
a09 = new colors("804000");
a10 = new colors("808000");
a11 = new colors("000000");
a12 = new colors("FFFFFF");
a13 = new colors("C0C0C0");
a14 = new colors("408080");
a15 = new colors("808080");
a16 = new colors("D2BF51");
a17 = new colors("44BBE8");
a18 = new colors("C97AB9");
a19 = new colors("A2C97A");
a20 = new colors("6AE6C4");
a21 = new colors("C0DCB8");
a22 = new colors("33A3D1");
a23 = new colors("6C9AEE");
function changebg(type){
scheme = type;
document.bgColor = scheme.c1;
timerID=setTimeout('document.bgColor = scheme.c2',
document.selector.value * 10);
}
</SCRIPT>

</FORM>
</div>

三、鼠标移上则变背景色——背景颜色安全测试

下面是第三种方法的实际效果代码，请运行代码框查看效果：

责任编辑：一路狂奔

帐号：
密码：

Google提供的相关资源