江西省国防科技工业学校9846班

网会阁

当前位置: 本站首页 > HTML网页特效

02背景不停变化

时间:2024-10-28 16:01来源:未知 作者:admin 点击:
html head title背景不停变化/title style type="text/css" !-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none

<html>


<head>


<title>背景不停变化</title>


<style type="text/css">


<!--


body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}


A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }


A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }


a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }




-->


</style>


<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


</head>




<body bgColor=#ffffff onload="chgCol(); pingpong();">


<br>


<br>


<center><font color=red face="隶书" size=6>背景不停变化脚本</font></center>


<br>


<SCRIPT language=javascript><!--


var pos=10;function initArray(){this.length=initArray.arguments.length;for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}var col=new initArray("4b","5b","8b","8b");col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";col[8]="blueviolet";col[9]="violet";function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];setTimeout("chgCol()",3000);/*Change above set to every 10 seconds(1000=1 sec)If


you wish to speed it up,lower the number.To slow it


down,raise the number.*/


}var yourwords="不断变化背景色彩";var buffer1=" ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir="left";var speed=150;function pingpong(){if(dir=="left"){message2=message1.substring(2,message1.length)+" ";window.status=message2;setTimeout("pingpong();",speed);message1=message2;if(message1.substring(0,1)=="*")dir="right";}else{message2=" "+message1.substring(0,message1.length-2);window.status=message2;setTimeout("pingpong();",speed);message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//


-->


</SCRIPT>


<center>


<br><center>


<table border=5 bordercolor=blue borderlight=green>


<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>稍等片刻就能看到效果!</strong></font></td></tr>


</table></center>


<br>


<br>


<center>


<textarea name=source rows=12 cols=55 class=yk9>


脚本说明:


第一步:把如下代码加入<body>区域中


<SCRIPT language=javascript><!--


var pos=10;function initArray(){this.length=initArray.arguments.length;


for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}


var col=new initArray("4b","5b","8b","8b");


col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";


col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";


col[8]="blueviolet";col[9]="violet";


function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];


setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/


}


var yourwords="不断变化背景色彩";var buffer1=" ";


var buffer2=" ";


var message1=buffer1+yourwords+buffer2;


var dir="left";var speed=150;function pingpong(){


if(dir=="left")


{message2=message1.substring(2,message1.length)+" ";


window.status=message2;setTimeout("pingpong();",speed);message1=message2;


if(message1.substring(0,1)=="*")dir="right";}


else{message2=" "+message1.substring(0,message1.length-2);


window.status=message2;setTimeout("pingpong();",speed);


message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//


-->


</SCRIPT>






第二步:把<body>改为


<body bgColor=#ffffff onload="chgCol(); pingpong();">


</textarea>


<SCRIPT LANGUAGE="JavaScript">




<!-- hide




function goHist(a)




{




  history.go(a);




}




//-->




</script>




<FORM METHOD="post">


<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">


</form>


</center>


<br>


<br>


</body>


</html>

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
本站页面浏览总量: