礼花背景特效
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();){kind=logo}
演示：
[Ctrl+A全选 提示：你可先修改部分代码，再按运行]
下面教你如何应用此特效：
--------------------------------------------------------------------------------------
需要在<body 这里>加入的代码：
--------------------------------------------------------------------------------------
<!-- 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>
- 您可以发表评论支持你喜欢的文章。
- 请遵守《互联网电子公告服务管理规定》。
- 请遵守中华人民共和国各项有关法律法规。
- 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
- 评论人需对自己在使用评论过程中的行为承担法律责任。
- 本站管理员有权保留或删除评论内容。
- 评论内容只代表个人观点，与本网站立场无关。
站内特效搜索
