站 内 搜 索
热门特效推荐
您当前位置：
中国素材首页
>>
网页特效
>>
音乐类
>> 礼花背景
礼花背景
中国素材网 www.sucai86.com 2005-5-26 18:20:24 流量数:
礼花背景
[
查看演示
] 源码如下
----------------------------------------------------------------------------------------
脚本说明:
把如下代码加入<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:3px;height:3px;background:#ffffff;font-size:2px"></div>
<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#FF0000;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:1px"></div>
<div style="position:relative;width:3px;height:3px;background:#ff00ff;font-size:2px"></div>
<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;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>
----------------------------------------------------------------------------------------
欢迎来到中国素材网!