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

网会阁

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

12礼花背景

时间:2024-10-28 16:38来源:未知 作者:admin 点击:
html head title礼花背景/title meta http-equiv="Content-Type" content="text/html; charset=gb2312" /head body bgcolor="#000000" layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"/layer layer name="a1" left=10

<html>

<head>

<title>礼花背景</title>

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

</head>

<body bgcolor="#000000">

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>

<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>

<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>

<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>

<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>

<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>

<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>

<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>

<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>

<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>

<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>

<div id="starsDiv" style="position:absolute;top:0px;left:0px">

<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>

<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>

<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>

<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>

</div>


<SCRIPT LANGUAGE="JavaScript">


<!-- Begin

var Clrs = new Array(9);

Clrs[0] = 'ff0000';

Clrs[1] = '00ff00';

Clrs[2] = '000aff';

Clrs[3] = 'ff00ff';

Clrs[4] = 'ffa500';

Clrs[5] = 'ffff00';

Clrs[6] = '00ff00';

Clrs[7] = 'ffffff';

Clrs[8] = 'fffff0';

var sClrs = new Array(5);

sClrs[0] = 'ffa500';

sClrs[1] = '55ff66';

sClrs[2] = 'AC9DFC';

sClrs[3] = 'fff000';

sClrs[4] = 'fffff0';

var yBase;

var xBase;

var step;

var currStep = 0;

var Xpos = 1;

var Ypos = 1;

var initialStarColor = 'ffa000';

var Mtop = 250;

var Mleft = 250;

function Fireworks() {

if (document.all) {

yBase = window.document.body.offsetHeight / 3;

xBase = window.document.body.offsetWidth / 8;

}

else if (document.layers) {

yBase = window.innerHeight / 3;

xBase = window.innerWidth / 8;

}

if (document.all) {

step = 5;

for ( i = 0 ; i < starsDiv.all.length ; i++ ) {

for (ai = 0; ai < Clrs.length; ai++) {

var c = Math.round(Math.random()*[ai]);

}

if (currStep < 90)

starsDiv.all[i].style.background=initialStarColor;

if (currStep > 90)

starsDiv.all[i].style.background=Clrs[c];

starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)

starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)

  }

}

else if (document.layers) {

step = 5;

for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!

var templayer = "a"+j;

for (ai = 0; ai < Clrs.length; ai++) {

var c = Math.round(Math.random()*[ai]);

}

if (currStep < 90)

document.layers[templayer].bgColor=initialStarColor;

if (currStep > 90)

document.layers[templayer].bgColor=Clrs[c];

document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)

document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)

  }

}

currStep+= step;

T=setTimeout("Fireworks()",5);

if (currStep == 220) {

currStep = -10;

for (n = 0; n < sClrs.length; n++) {

var k = Math.round(Math.random()*n);

}

initialStarColor = sClrs[k];

if (document.all) {

Dtop = window.document.body.clientHeight - 250;

Dleft = xBase * 3.5;

Mtop = Math.round(Math.random()*Dtop);

Mleft = Math.round(Math.random()*Dleft);

document.all.starsDiv.style.top = Mtop+document.body.scrollTop;

document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;

}

else if (document.layers) {

Dleft = window.innerWidth - 100;

Dtop = window.innerHeight - 100;

Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);

Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);

document.layers[templayer].top = Mtop;

document.layers[templayer].left = Mleft;

}

if ((Mtop < 20) || (Mleft < 20)) {

Mtop += 90;

Mleft += 90;

     }

  }

}

Fireworks();

//  End -->

</script>

<center><font color=white face="隶书" size=6>礼花背景</font></center><br>

<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>

 <br>  

<br>

  <br>

 <br>

<br>

<br>

  <br>

 <br>

 <br>

 <br>

  <br>

 <br>

<br>

<br>

  <br>

   <center>

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

脚本说明:

把如下代码加入<body>区域中

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>

<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>

<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>

<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>

<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>

<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>

<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>

<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>

<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>

<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>

<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>

<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>

<div id="starsDiv" style="position:absolute;top:0px;left:0px">

<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>

<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>

<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>

<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>

<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>

</div>


<SCRIPT LANGUAGE="JavaScript">


<!-- Begin

var Clrs = new Array(9);

Clrs[0] = 'ff0000';

Clrs[1] = '00ff00';

Clrs[2] = '000aff';

Clrs[3] = 'ff00ff';

Clrs[4] = 'ffa500';

Clrs[5] = 'ffff00';

Clrs[6] = '00ff00';

Clrs[7] = 'ffffff';

Clrs[8] = 'fffff0';

var sClrs = new Array(5);

sClrs[0] = 'ffa500';

sClrs[1] = '55ff66';

sClrs[2] = 'AC9DFC';

sClrs[3] = 'fff000';

sClrs[4] = 'fffff0';

var yBase;

var xBase;

var step;

var currStep = 0;

var Xpos = 1;

var Ypos = 1;

var initialStarColor = 'ffa000';

var Mtop = 250;

var Mleft = 250;

function Fireworks() {

if (document.all) {

yBase = window.document.body.offsetHeight / 3;

xBase = window.document.body.offsetWidth / 8;

}

else if (document.layers) {

yBase = window.innerHeight / 3;

xBase = window.innerWidth / 8;

}

if (document.all) {

step = 5;

for ( i = 0 ; i < starsDiv.all.length ; i++ ) {

for (ai = 0; ai < Clrs.length; ai++) {

var c = Math.round(Math.random()*[ai]);

}

if (currStep < 90)

starsDiv.all[i].style.background=initialStarColor;

if (currStep > 90)

starsDiv.all[i].style.background=Clrs[c];

starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)

starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)

  }

}

else if (document.layers) {

step = 5;

for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!

var templayer = "a"+j;

for (ai = 0; ai < Clrs.length; ai++) {

var c = Math.round(Math.random()*[ai]);

}

if (currStep < 90)

document.layers[templayer].bgColor=initialStarColor;

if (currStep > 90)

document.layers[templayer].bgColor=Clrs[c];

document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)

document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)

  }

}

currStep+= step;

T=setTimeout("Fireworks()",5);

if (currStep == 220) {

currStep = -10;

for (n = 0; n < sClrs.length; n++) {

var k = Math.round(Math.random()*n);

}

initialStarColor = sClrs[k];

if (document.all) {

Dtop = window.document.body.clientHeight - 250;

Dleft = xBase * 3.5;

Mtop = Math.round(Math.random()*Dtop);

Mleft = Math.round(Math.random()*Dleft);

document.all.starsDiv.style.top = Mtop+document.body.scrollTop;

document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;

}

else if (document.layers) {

Dleft = window.innerWidth - 100;

Dtop = window.innerHeight - 100;

Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);

Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);

document.layers[templayer].top = Mtop;

document.layers[templayer].left = Mleft;

}

if ((Mtop < 20) || (Mleft < 20)) {

Mtop += 90;

Mleft += 90;

     }

  }

}

Fireworks();

//  End -->

</script>

</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%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
本站页面浏览总量: