Js无刷新切换背景色

2024-09-05 12:21:52

字体：大中小

来源：转载

供稿：网友

JavaScript无刷新切换网页背景，很不错的效果，现在很常用，看着似乎代码有点多，不过你可以将其另存，用到的时候调入就可以，简洁方便效果好，试一下哦。

<html><head><title>无刷新切换背景颜色</title></headbody><script language="JavaScript"></script><div id="napis"style="position: absolute;top: -50;font-size:9pt;"></div><script language="JavaScript"></script><script language="JavaScript"></script><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("804000");a21 = new colors("6AE6C4");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 NAME="selector"><input TYPE="button" onClick="changebg(a00)" style="background-color: rgb(255,251,208)"><inputTYPE="button" onClick="changebg(a01)" style="background-color: rgb(255,0,0)"><inputTYPE="button" onClick="changebg(a02)" style="background-color: rgb(255,128,128)"><inputTYPE="button" onClick="changebg(a03)" style="background-color: rgb(255,128,0)"><inputTYPE="button" onClick="changebg(a04)" style="background-color: rgb(255,255,0)"><inputTYPE="button" onClick="changebg(a05)" style="background-color: rgb(0,0,128)"><inputTYPE="button" onClick="changebg(a06)" style="background-color: rgb(0,0,255)"><inputTYPE="button" onClick="changebg(a07)" style="background-color: rgb(0,128,0)"><inputTYPE="button" onClick="changebg(a08)" style="background-color: rgb(0,255,0)"><inputTYPE="button" onClick="changebg(a09)" style="background-color: rgb(128,0,0)"><inputTYPE="button" onClick="changebg(a10)" style="background-color: rgb(128,128,0)"><inputTYPE="button" onClick="changebg(a11)" style="background-color: rgb(0,0,0)"><inputTYPE="button" onClick="changebg(a12)" style="background-color: rgb(255,255,255)"><inputTYPE="button" onClick="changebg(a13)" style="background-color: rgb(192,192,192)"><inputTYPE="button" onClick="changebg(a14)" style="background-color: rgb(64,128,128)"><inputTYPE="button" onClick="changebg(a15)" style="background-color: rgb(128,128,128)"><inputTYPE="button" onClick="changebg(a16)" style="background-color: rgb(210,191,81)"><inputTYPE="button" onClick="changebg(a17)" style="background-color: rgb(68,187,232)"><inputTYPE="button" onClick="changebg(a18)" style="background-color: rgb(201,122,185)"><inputTYPE="button" onClick="changebg(a19)" style="background-color: rgb(162,201,122)"><inputTYPE="button" onClick="changebg(a20)" style="background-color: rgb(106,230,196)"><inputTYPE="button" onClick="changebg(a21)" style="background-color: rgb(194,219,185)"><inputTYPE="button" onClick="changebg(a22)" style="background-color: rgb(51,163,209)"><inputTYPE="button" onClick="changebg(a23)" style="background-color: rgb(108,154,238)"> </form></body></html>

上一篇：JavaScript背景随机变换颜色

下一篇：鼠标滑向文字改变网页背景色