【代码教程】快速变换的网页背景颜色html代码
2013-08-18 21:04:40 -0400
[代码教程]快速变换的网页背景颜色html代码
快速变换的网页背景颜色html代码
返回主站
网警服务
✎请勿抄袭本页面,可以复制框内代码
代码说明如下
代码名：快速变换的网页背景颜色html代码
类型：html
来自：互联网
代码说明：您可以复制以下框内的代码粘贴到您须要的地方!点击按钮，激活函数，让网页快速的变换背景颜色，颜色闪的很快，会让人眼花，这个小特效的实现主要是使用了几个JS小函数，具体效果请参阅源代码。!将下方框内代码加入你的网站须要这种功能的地方!
html代码如下框内
<html> <head> <title>变换的背景颜色</title> </head> <body> <script language="JavaScript"> var COLOR = 999999 //设定初始背景色 var BASECOLOR='#336699' //给定一个固定的颜色,这个颜色可以变化定一个基础颜色 function stopchange() //用于停止改变背景色的函数 { document.bgColor = BASECOLOR; //固定背景色 clearTimeout(looptimer); //停止时钟 } function changebgcolor() //用于改变背景颜色的主函数 { if (COLOR > 0) { document.bgColor = '#' + COLOR //改变当前颜色属性 COLOR -= 111111 //计算下一次的颜色 looptimer = setTimeout("changebgcolor()",1) //设定改变延时 } else //如果颜色值超出范围 { COLOR = 999999 //则重新设定到999999 document.bgColor = BASECOLOR; looptimer = setTimeout("changebgcolor()",1) } } </script> <input type="button" value="开始变换背景颜色" onClick="changebgcolor()"><p> <input type="button" value="停止变换背景颜色" onClick="stopchange()"> </body> </html>
代码效果演示
变换的背景颜色