» 网友学堂 » Javascript教程 » 按钮驱动背景
按钮驱动背景
作者：ljjk5 发表时间：2007-4-8 09:15 阅读：324次 在百度搜索相关内容
脚本说明:
第一步:把如下代码加入<head>区域中
<script language="Javascript">
<!--
function backcolor(form){

temp = ""

for (var i = 0; i < 16; i++) {

temp = form.color.value

if (form.color.checked){ document.bgColor = temp }
}
}

function randombackground(){

document.bgColor = getColor()
}
function getColor(){
currentdate = new Date()
backgroundcolor = currentdate.getSeconds()
if (backgroundcolor > 44)
backgroundcolor = backgroundcolor - 45
else if (backgroundcolor > 29)
backgroundcolor = backgroundcolor - 30
else if (backgroundcolor > 15)
backgroundcolor = backgroundcolor - 16
if (backgroundcolor == 0 )
return "olive";
else if (backgroundcolor == 1 )
return "teal";
else if (backgroundcolor == 2 )
return "red";
else if (backgroundcolor == 3 )
return "blue";
else if (backgroundcolor == 4 )
return "maroon";
else if (backgroundcolor == 5 )
return "navy";
else if (backgroundcolor == 6 )
return "lime";
else if (backgroundcolor == 7 )
return "fuschia";
else if (backgroundcolor == 8 )
return "green";
else if (backgroundcolor == 9 )
return "purple";
else if (backgroundcolor == 10 )
return "gray";
else if (backgroundcolor == 11 )
return "yellow";
else if (backgroundcolor == 12 )
return "aqua";
else if (backgroundcolor == 13 )
return "black";
else if (backgroundcolor == 14 )
return "white";
else if (backgroundcolor == 15 )
return "silver";
}

// -->
</script>


第二步:把如下代码加入<body>区域中
<FORM>
<input type="button" value="Random" onClick="randombackground()">
</form>
#Advertisement