點(diǎn)擊按鈕切換背景顏色的JavaScript

2009-11-24 背景特效 ℃

<html>
<head>
<title>按鈕切換背景</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="tcywtsl"   id=kurt class=grigg></div>
</body>
</html>

相關(guān)特效代碼

熱門特效代碼: JavaScript煙花特效; 網(wǎng)頁(yè)背景色在線調(diào)色選色; 星星從背景中飛出特效; 橫向飄過的夜空星星; 斜向移動(dòng)落葉背景; 網(wǎng)頁(yè)背景色全目錄; 點(diǎn)擊按鈕切換背景顏色的JavaScri; 改變底紋的鏈接效果; 可選擇的網(wǎng)頁(yè)背景顏色; 下大雨效果的網(wǎng)頁(yè)背景

推薦特效代碼: 可選擇的網(wǎng)頁(yè)背景顏色; 很不錯(cuò)的背景調(diào)色板; 星星從背景中飛出特效; 斜向移動(dòng)落葉背景; JavaScript煙花特效; 點(diǎn)擊按鈕切換背景顏色的JavaScri