注册 | 登陆

您的位置：阿里西西 > 网页特效 > 实例特效 > 详细内容

1顶

新年烟花来咯~烟花特效

稿源：互联网 2022-06-11 18:05:54 点击： 1395 撤稿纠错

烟花跟随鼠标燃放特效，视觉效果不亚于一个精美的页面设计

以下讨论的是和烟花网页特效鼠标跟随鼠标特效相关的新年烟花来咯~烟花特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

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

<script language="JavaScript"> <br>var a_Colour='fff000';  <br>var b_Colour='00ff00';  <br>var c_Colour='ff00ff';  <br>var Size=120; <br>var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6; <br>document.all  <br>{ <br>function ieMouse(){ <br>xpos = document.body.scrollLeft+event.x+6;  <br>ypos = document.body.scrollTop+event.y+16;  <br>} <br>document.onmousemove = ieMouse; <br>} <br>function swirl(){ <br>for (i = 0; i < 3; i++)  <br>{ <br>YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);  <br>XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);  <br>} <br>ThisStep+=step; <br>setTimeout('swirl()',10);  <br>} <br>var amount=10; <br>if ( document.all){  <br>document.write(' <div id="ODiv" style="position:absolute;top:0px;left:0px">' <br>+' <div id="IDiv" style="position:relative">'); <br>for (i = 0; i < amount; i++)  <br>{ <br>document.write(' <div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"> </div>');  <br>document.write(' <div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"> </div>');  <br>document.write(' <div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"> </div>');  <br>} <br>document.write(' </div> </div>'); <br>} <br>function prepos(){ <br>var msie=document.all;  <br>if(document.all){  <br>for (i = 0; i < amount; i++)  <br>{ <br>if (i < amount-1)  <br>{ <br>msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;  <br>msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;  <br>msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;  <br>} <br>else <br>{ <br>msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];  <br>msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];  <br>msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];  <br>} <br>} <br>} <br>setTimeout("prepos()",10);  <br>} <br>function Start(){  <br>swirl(),prepos()  <br>} <br>window.onload=Start;  <br></script> </font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于新年烟花来咯~烟花特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200901023990.shtml方便下次再访问哦。

·上一篇： 鼠标悬停
·下一篇： 非常漂亮的烟花特效

相关阅读

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

最新游戏

更多 »

最新新闻

更多 »