星星飞舞效果

稿源：互联网 2022-08-16 07:01:33 点击： 380 撤稿纠错

星星飞舞的效果，背景颜色是黑色的效果才更好。

以下讨论的是和特效相关的星星飞舞效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<body>

<SCRIPT LANGUAGE="JavaScript1.2"> 
var intervals=2000 
var sparksOn     = true; 
var speed        = 40; 
var power        = 3; 
var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0 
var ns=(document.layers); 
var ie=(document.all); 
var ns6=(document.getElementById&&!document.all); 
var sparksAflyin = false; 
var allDivs      = new Array(10); 
var totalSparks  = 0; 
function initAll(){ 
        if(!ns && !ie &&!ns6){ 
        sparksOn = false; 
        return; 
        } 
setInterval("firework()",intervals)

if (ns) 
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); 
        for(dNum=0; dNum<7; ++dNum){ 
                if(ie) 
                        allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); 
                else if (ns6) 
                        allDivs[dNum]=document.getElementById('sDiv'+dNum).style; 
                else 
                        allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); 
        } 
}

function firework(){ 
if (ie){ 
documentWidth=document.body.clientWidth 
documentHeight=document.body.clientHeight 
leftcorner=document.body.scrollLeft 
topcorner=document.body.scrollTop 
} 
else if (ns||ns6){ 
documentWidth=window.innerWidth 
documentHeight=window.innerHeight 
leftcorner=pageXOffset 
topcorner=pageYOffset 
} 
randomx=leftcorner+Math.floor(Math.random()*documentWidth) 
randomy=topcorner+Math.floor(Math.random()*documentHeight)

if(sparksOn){ 
                if(!sparksAflyin){ 
                        sparksAflyin=true; 
                        totalSparks=0; 
                        for(var spark=0;spark<=6;spark++){ 
                                dx=Math.round(Math.random()*50); 
                                dy=Math.round(Math.random()*50); 
                                moveTo(spark,randomx,randomy,dx,dy); 
                        } 
                } 
        } 
} 
function moveTo(I,tempx,tempy,dx,dy){ 
        if(ie){ 
                if(tempy+80>(document.body.offsetHeight+document.body.scrollTop)) 
                        tempy=document.body.offsetHeight+document.body.scrollTop-80; 
                if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft)) 
                        tempx=document.body.offsetWidth+document.body.scrollLeft-80; 
        } 
        else if(ns6){ 
                if(tempy+80>(window.innerHeight+pageYOffset)) 
                        tempy=window.innerHeight+pageYOffset-80; 
                if(tempx+80>(window.innerWidth+pageXOffset)) 
                        tempx=window.innerWidth+pageXOffset-80; 
        } 
        if(tempx>-50&&tempy>-50){ 
                tempx+=dx;tempy+=dy; 
                allDivs[I].left=tempx; 
                allDivs[I].top=tempy; 
                dx-=power;dy-=power; 
                setTimeout("moveTo("+I+","+tempx+","+tempy+","+dx+","+dy+")",speed) 
        } 
        else 
                ++totalSparks 
        if(totalSparks==7){ 
                sparksAflyin=false; 
                totalSparks=0; 
        } 
} 
window.onload=initAll 
</script>

</html>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于星星飞舞效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008090796461.shtml方便下次再访问哦。

·上一篇： 登陆FTP网页页面代码
·下一篇： 又一个进度条

星星飞舞效果

文章分类LIST >>返回首页

最新游戏

最新新闻