网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
综合实例
-> 漂亮的烟花特效
漂亮的烟花特效
作者:admin 发布时间:2010-11-2 11:00:30 发布人: admin
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>漂亮的烟花,myjs.jz123.cn收集。</title> <style type="text/css"> html,body { height:100%;} body { background:#000; color:#FF0000; overflow:hidden;} .divs { position:absolute; width:20px; height:20px;} </style> </head> <body> 告诉你一个应有尽有的网页特效网址:<a href="http://web.archive.org/web/20150428201754/http://myjs.jz123.cn/">http://myjs.jz123.cn</a> <hr/> <script type="text/javascript"> var getRondom = function(small,big){ return small+(big-small)*Math.random(); } var $ = function(id){ return document.getElementById(id);} function circle(){ c=document.createElement('div'); c.innerHTML="*"; c.style.position ='absolute'; c.style.left = getRondom(200,window.screen.availWidth-200)+'px'; c.style.top = window.screen.availHeight-200 +'px'; document.body.appendChild(c); h1 = getRondom(20,window.screen.availHeight-200); h=window.screen.availHeight ; t1 = setInterval(function(){h=h-10;c.style.top=h+"px"; if(h<=h1) {clearInterval(t1);start(c) }},10) } function show(s1,r1){ n=20; divs = s1.getElementsByTagName('div'); for(var i=0; i<divs.length;i++){ divs[i].className='divs'; divs[i].style.left=r1*Math.cos(360/n*i)+'px'; divs[i].style.top=r1*Math.sin(360/n*i)+'px'; } } function start(s){ s.style.position='relative'; for(var i=0;i<20;i++){ s.appendChild(document.createElement('div'))['innerHTML']='*'; } r=0; show(s,r); t = setInterval(function(){r=r+10;show(s,r); if(r>=150) {clearInterval(t);s.parentNode.removeChild(s); circle9 = new circle(); }},50) } circle1 = new circle(); </script> </body> </html>
漂亮的烟花特效
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
很漂亮的图片切换效果
下一篇:文章:
漂亮滑动门效果
本类浏览排行 »
漂亮的烟花特效
实现字体大中小的另一种方法
用层模拟可移动/可隐藏的小窗口
拖动鼠标改变div层的大小宽度
让图片产生波纹一样的flash效果
不用js也能让图片固底漂浮
CSS实现图文远端链接关联效果
JS实现图片自动按比例缩小代码
本站推荐文章 »
兼容ie6、ie7、ff、opera、safari的水平垂..
一款设计精美的CSS滑动门菜单
一款简洁漂亮的CSS滑动门特效
结构和表现分离的Tab选项卡特效
滑动的div层做的动态菜单
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单