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   class="7hrdvr9"   id=kurt class=grigg></div>  <p><a href="http://www.dhdzp.com">腳本之家</a></p> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

背景，文字漸變（無閃屏）
背景，文字漸變（無閃屏）...
2007-02-02
javascript用層模擬可移動的小窗口
用層模擬小窗口實例效果代碼
2008-05-05
類似GMAIL的Ajax信息反饋顯示
類似GMAIL的Ajax信息反饋顯示，大家可以測試下。也方便調用。
2010-02-02
JS控制按鈕自動切換背景顏色(可暫停)
JS控制按鈕自動切換背景顏色，可暫停并且方便獲取當前背景顏色,需要的朋友可以參考下
2012-10-10
JS 網(wǎng)頁安全色調色板 DW風格
利用JS做的一個網(wǎng)頁安全色調色板希望大家用得上！
2008-12-12
js 頁面模塊自由拖動實例
js頁面模塊自由拖動實例代碼
2009-03-03
js可拖動的后臺界面
不錯的后臺界面，方便大家以后做后臺
2008-07-07
js實現(xiàn)的層變換效果
js實現(xiàn)的層變換效果...
2007-09-09
JS實現(xiàn)簡潔(隔行換色、高亮顯示)表格特效
JS實現(xiàn)的表格，使用JavaScript編寫實現(xiàn)一個簡潔的表格，大家參考一下，加入了隔行換色，并且鼠標滑過時還有高亮顯示特效，我看到了都目瞪口呆確實相當不錯，有興趣的朋友可以參考下
2012-12-12
CSS 漸變背景的6個演示代碼
CSS漸變背景的六個示例，個人覺得這是非常實用的一個常用技巧，不使用任何圖片實現(xiàn)Div背景漸變，而且兼容IE和FF2，以后想要類似的效果，可有的參考了。
2009-10-10