新闻
-
手机
-
汽车
-
游戏
-
家电
-
家居
-
女人
-
摄影
-
站长
-
设计
-
网络
-
英语
-
开发
-
考试
-
范文
-
管理
-
营销
-
IT
-
商道
-
数码
-
电脑
-
文秘
-
美女
-
经验
|
注册
-
登录
学网
>
开发编程
>
网页特效
>
综合特效
> 正文
新年烟花来咯~烟花特效
2009/3/8 23:26:18 中国学网
跟贴 0 条
网友投稿
学网站长工具大全,最全的查询工具,加密工具,换算工具!
以下是HTML网页特效代码,点击运行按钮可查看效果:
<script language="JavaScript"> var a_Colour='fff000'; <!--第一个轨迹的颜色--> var b_Colour='00ff00'; <!--第二个轨迹的颜色--> var c_Colour='ff00ff'; <!--第三个轨迹的颜色--> var Size=120; var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6; document.all <!--如果是ie浏览器--> { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; <!--获得现在鼠标的横坐标--> ypos = document.body.scrollTop+event.y+16; <!--获得现在鼠标的纵坐标--> } document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) <!--依次处理三个轨迹--> { YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4); <!--计算得到第i个轨迹上每一点的横坐标--> XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4); <!--计算得到第i个轨迹上每一点的纵坐标--> } ThisStep+=step; setTimeout('swirl()',10); <!--周期性调用swirl函数--> } var amount=10; if ( document.all){ <!--如果是ie浏览器--> document.write(' <div id="ODiv" style="position:absolute;top:0px;left:0px">' +' <div id="IDiv" style="position:relative">'); for (i = 0; i < amount; i++) <!--依次处理每一个点--> { 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>'); <!--第一个轨迹所在的页面--> 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>'); <!--第二个轨迹所在的页面--> 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>'); <!--第三个轨迹所在的页面--> } document.write(' </div> </div>'); } function prepos(){ var msie=document.all; <!--获得ie浏览器的当前页面--> if(document.all){ <!--如果是ie浏览器--> for (i = 0; i < amount; i++) <!--依次处理每一个点--> { if (i < amount-1) <!--对于前amount-1个点--> { msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; <!--更新第一个轨迹上各个点上的上边界和左边界--> msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; <!--更新第二个轨迹上各个点上的上边界和左边界--> msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; <!--更新第三个轨迹上各个点上的上边界和左边界--> } else { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; <!--更新第一个轨迹上最后一个点上的上边界和左边界--> msie.y[i].style.top=YDummy;msie.y[i].style.left=XDummy; <!--更新第二个轨迹上最后一个点上的上边界和左边界--> msie.z[i].style.top=YDummy;msie.z[i].style.left=XDummy; <!--更新第三个轨迹上最后一个点上的上边界和左边界--> } } } setTimeout("prepos()",10); <!--周期性调用prepos函数--> } function Start(){ <!--开始函数--> swirl(),prepos() <!--依次调用swirl和prepos函数--> } window.onload=Start; <!--调用start函数--> </script> 欢迎访问学网网页特效代码站,js.xue163.com
[提示:可先修改代码再按运行]
·
点此查看本文专栏报道
关于
新年烟花来咯~烟花特效
的
信息
用delphi编写ISAPI过滤器
2009/3/8 23:26:18
用Delphi编写IE扩展
2009/3/8 23:26:18
用Delphi编写DelTree程序
2009/3/8 23:26:18
用Delphi编写CGI程序返回图象
2009/3/8 23:26:18
用Delphi编写ASP的ActiveX服务器组件
2009/3/8 23:26:18
用Delphi编码实现程序自启动
2009/3/8 23:26:18
用Delphi编程时如何利用线程
2009/3/8 23:26:18
用DELPHI编程求证两数互为质数
2009/3/8 23:26:18
用Delphi编程来清除“添加/删除程序”中的残留项
2009/3/8 23:26:18
用DELPHI编程访问SQL SERVER数据库
2009/3/8 23:26:18
跟贴区
已有
条跟贴
(点击查看)
点击登录
|
昵称:
发言 |
修改昵称
|
我的学网跟贴
|
退出
昵称
|
学网通行证:
密码:
自动登录
注册
文明上网,文明发言
网友评论仅供其表达个人看法,并不表明学网同意其观点或证实其描述。
如何使用跟贴
修改昵称
跟贴昵称修改后,论坛昵称也会变哦
盖楼回复
点击登录
|
昵称:
昵称
|
学网通行证:
密码:
自动登录
注册
发言 |
退出
文明上网,文明发贴
复制收藏
复制成功,按CTRL+V发送给好友、论坛或博客。
浏览器限制,请复制链接和标题给好友、论坛或博客。
学网头条推荐
学网图片推荐
返回学网首页
热门推荐
最新新闻
新闻24小时点击排行榜
标题
点击数
编程大全
博客
|
模板
本网热点
网友投稿
我要投稿
新闻
-
手机
-
汽车
-
游戏
-
家电
-
家居
-
女人
-
音效
-
欣赏
-
硬件
-
企业
-
网吧
-
图标
-
矢量
-
源码
-
模板
-
软件
-
图库
-
书籍
-
笑话
-
书法
-
美食
-
字体
-
壁纸
-
问吧
-
分享
About US
-
关于我们
-
联系方法
-
招聘信息
-
本网声明
-
广告服务
-
网站地图
中国学网版权所有
©2012
浏览器不支持嵌入式框架,或被配置为不显示嵌入式框架。