0顶

按钮使背景色变化

稿源：互联网 2022-04-21 16:10:59 点击： 1072 撤稿纠错

通过按钮来改变页面背景颜色，可自定义颜色。

以下讨论的是和按钮背景特效相关的按钮使背景色变化教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<SCRIPT>
function cols(c1, c2, c3, c4, c5, c6, c7){
this.c1 = c1;
this.c2 = c2;
this.c3 = c3;
this.c4 = c4;
this.c5 = c5;
this.c6 = c6;
this.c7 = c7;}
rainbow = new cols("red", "orange", "yellow", "green", "blue", "indigo", "violet");
fade = new cols("white", "DDDDDD", "BBBBBB", "999999", "777777", "555555", "333333", "black");
greens = new cols("darkgreen", "forestgreen", "green", "lawngreen", "lightgreen", "limegreen", "palegreen");
sunset = new cols("skyblue", "slateblue", "violet", "darkorange", "red", "darkred", "black");
psyc = new cols("violet", "lawngreen", "violet", "lawngreen", "violet", "lawngreen", "violet");
function cycle(type){
scheme = type;
document.bgColor = scheme.c1;
timerID=setTimeout('document.bgColor = scheme.c2', document.selector.interval.value * 10);
timerID=setTimeout('document.bgColor = scheme.c3', document.selector.interval.value * 20);
timerID=setTimeout('document.bgColor = scheme.c4', document.selector.interval.value * 30);
timerID=setTimeout('document.bgColor = scheme.c5', document.selector.interval.value * 40);
timerID=setTimeout('document.bgColor = scheme.c6', document.selector.interval.value * 50);
timerID=setTimeout('document.bgColor = scheme.c7', document.selector.interval.value * 60);}
</SCRIPT>
<FORM name=selector>
<b>请选择一种背景变化基色: 
<INPUT onclick=cycle(rainbow) type=button value=Rainbow>
</b> 
<INPUT onclick=cycle(fade) type=button value="Fade To Black">
<INPUT onclick=cycle(greens) type=button value=Greens>
<INPUT onclick=cycle(sunset) type=button value=Sunset>
<INPUT onclick=cycle(psyc) type=button value=Psychedelic>
<P><b>请选择色彩变化时间 (1/10ths of a second): </b> 
<INPUT name=interval size=8 
value=50>
</FORM>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于按钮使背景色变化的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719926.shtml方便下次再访问哦。

·上一篇： 文字从背景中来
·下一篇： 一个颜色选择器

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

按钮使背景色变化

文章分类LIST >>返回首页

最新游戏

最新新闻