JS控制按钮自动切换背景颜色(可暂停)

更新时间：2012年10月11日 23:34:59 作者：

JS控制按钮自动切换背景颜色，可暂停并且方便获取当前背景颜色,需要的朋友可以参考下

<html> <head> <title>JS控制按钮自动切换背景颜色，可暂停_脚本之家</title> <style type="text/css"> .grigg{ position:relative; font-family:Verdana; font-size:16px;color:#ffffff; } </style> <script language="JavaScript"> y=" "; function colourWrite(){ y=document.bgColor; if (document.layers) {x=document.FM.box.value} if (document.all) {x=document.all.kurt.innerHTML} r=x+=y.toUpperCase(); Wrte=r+" "; if (document.layers) { document.FM.box.value=Wrte; document.layers.kurt.document.open(); document.layers.kurt.document.write("<div style='position:absolute;top:0px;left:0px;font-family:Verdana;font-size:16px;color:#ffffff;'>"+Wrte+"</div>"); document.layers.kurt.document.close(); } if (document.all) document.all.kurt.innerHTML= Wrte; } </script> <script language="JavaScript"> var amount=0; function counter(){ var colourElements="0123456789ABCDEF"; var Split=colourElements.split(''); for (i=0; i < Split.length; i++) var a=Math.round(Math.random()*[i]); var b=Math.round(Math.random()*[i]); var c=Math.round(Math.random()*[i]); var d=Math.round(Math.random()*[i]); var e=Math.round(Math.random()*[i]); var f=Math.round(Math.random()*[i]); var G=Split[a]; var H=Split[b]; var I=Split[c]; var J=Split[d]; var K=Split[e]; var L=Split[f]; //stop error! if ((G == null)||(H == null)||(I == null)||(J == null)||(K == null)||(L == null)) counter(); else { var RandomColour=G+H+I+J+K+L; document.bgColor=RandomColour; amount++; TMR=setTimeout('counter()',1500) } } //--> </script> </head> <body> <FORM NAME=FM> <INPUT TYPE=BUTTON VALUE="开始变色" onClick="counter()"> <INPUT TYPE=BUTTON VALUE="暂停变色" onClick="window.clearTimeout(TMR)"> <INPUT TYPE=BUTTON VALUE=" 获取颜色值 " onClick="colourWrite()"> <INPUT TYPE=hidden name=box> </FORM> <div id=kurt class=grigg></div>  <p><a href="https://www.jb51.net">脚本之家</a></p> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

背景，文字渐变（无闪屏）
背景，文字渐变（无闪屏）...
2007-02-02
javascript用层模拟可移动的小窗口
用层模拟小窗口实例效果代码
2008-05-05
类似GMAIL的Ajax信息反馈显示
类似GMAIL的Ajax信息反馈显示，大家可以测试下。也方便调用。
2010-02-02
JS控制按钮自动切换背景颜色(可暂停)
JS控制按钮自动切换背景颜色，可暂停并且方便获取当前背景颜色,需要的朋友可以参考下
2012-10-10
JS 网页安全色调色板 DW风格
利用JS做的一个网页安全色调色板希望大家用得上！
2008-12-12
js 页面模块自由拖动实例
js页面模块自由拖动实例代码
2009-03-03
js可拖动的后台界面
不错的后台界面，方便大家以后做后台
2008-07-07
js实现的层变换效果
js实现的层变换效果...
2007-09-09
JS实现简洁(隔行换色、高亮显示)表格特效
JS实现的表格，使用JavaScript编写实现一个简洁的表格，大家参考一下，加入了隔行换色，并且鼠标滑过时还有高亮显示特效，我看到了都目瞪口呆确实相当不错，有兴趣的朋友可以参考下
2012-12-12
CSS 渐变背景的6个演示代码
CSS渐变背景的六个示例，个人觉得这是非常实用的一个常用技巧，不使用任何图片实现Div背景渐变，而且兼容IE和FF2，以后想要类似的效果，可有的参考了。
2009-10-10

JS控制按钮自动切换背景颜色(可暂停)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具