收藏本站
广告服务
网站地图
首页
下载中心
技术文档
GIF动画
模板
图库
字库
JS脚本
FLASH源码
音效
影像素材
设计原稿
酷站
进程
>> 向您推荐最实用的:JS网页特效,实用JS小程序,HTML网页特效,CSS网页特效,Java特效等,提供方便的代码搜索及代码运行效果预览功能!
先飞电脑技术网
→
JS网页特效
特效代码分类
综合类
状态栏
游戏类
页面背景
页面特效
页面导航
文本操作
文本特效
图形特效
鼠标特效
时间日期
密码类
浏览相关
警告对话
技巧类
计数转换
测试搜索
代码生成
播放音乐
按钮特效
系统相关
链接特效
黑客性质
相关特效
窗口特效
其它杂类
赞助商链接
网页特效分类
>>
页面特效
页面中游动吐泡小鱼
[ 发布者：蓝色动力 | 来源：本站整理 | 时间：2007-10-28 | 浏览：0 人次 ]
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>先飞电脑技术网-页面游动吐泡小鱼</title> </head> <body onLoad="Start()"> <script language="JavaScript"> <!-- Image0=new Image(); Image0.src="/Jsupload/2006515152552219.GIF"; Amount=12; Pics=new Array(); Load=new Array(); Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Rate=new Array(); Grow=new Array(); Step=new Array(); Cstep=new Array(); NsSize=new Array(); Ns=(document.layers)?1:0; Pos=-1; Jog=1; Timer=null; for(i=0; i <= 6; i++){ Pics[i]="/JSUpload/0427"+i+".gif"; } function PreLoad(){ for(i=0; i < Pics.length; i++){ Load[i]=new Image(); Load[i].src=Pics[i]; } } PreLoad(); Strt=0-(Load[0].width+50); function AniFish(){ Pos+=Jog; if (Pos >= Pics.length) Pos=0; if (Ns) document.nfish.document.images.nframe.src=Pics[Pos]; else document.images.iframe.src=Pics[Pos]; Timer=setTimeout('AniFish()',50) } function MoveFish(){ H=(document.layers)?window.innerHeight+window.pageYOffset:window.document.body.clientHeight+document.body.scrollTop; W=(document.layers)?window.innerWidth+window.pageXOffset:window.document.body.clientWidth+document.body.scrollLeft; Strt-=2; if (Strt < 0-(Load[0].width)) Strt=W; if (Ns){document.nfish.left=Strt;document.nfish.top=H-(Load[0].height+10)} else {ifish.style.left=Strt;ifish.style.top=H-(Load[0].height+10)} setTimeout('MoveFish()',10) } H2=(document.layers)?window.innerHeight:window.document.body.clientHeight; for (i=0; i < Amount; i++){ Ypos[i]=Math.random()*H2-50; Xpos[i]=-50; Speed[i]=Math.random()*10+1; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; Grow[i]=4; NsSize[i]=Math.random()*4+6; Rate[i]=Math.random()*0.5+0.1; } if (Ns){ for (i = 0; i < Amount; i++){ document.write("<layer name='sn"+i+"' left=0 top=-50><img src="+Image0.src+" name='N' width="+NsSize[i]+" height="+NsSize[i]+"></layer>"); } document.write("<layer name='nfish' left=0 top=-50><img src='/JSupload/0.gif' name='nframe'></layer>"); } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:-100px;left:0px;filter:alpha(opacity=90)">'); } document.write('</div></div>'); document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">' +'<img id="ifish" src="/JSupload/0.gif" name="iframe" style="position:absolute;top:-100px;left:0px"></div></div>'); } function Bubbles(){ Hs=(document.layers)?window.pageYOffset:document.body.scrollTop; Ws=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(270*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]*5); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] < -40){ if (Ns) {Ypos[i]=document.nfish.top;Xpos[i]=document.nfish.left} else {Ypos[i]=ifish.style.pixelTop;Xpos[i]=ifish.style.pixelLeft} Speed[i]= 6+Math.random()*3; Grow[i]=4; NsSize[i]=Math.random()*4+6; } if (Ns){ document.layers['sn'+i].left=Xpos[i]+Ws; document.layers['sn'+i].top=Ypos[i]+Hs; } else{ si[i].style.pixelLeft=Xpos[i]+Ws; si[i].style.pixelTop=Ypos[i]+Hs; si[i].style.width=Grow[i]; si[i].style.height=Grow[i]; } Grow[i]+=Rate[i]; Cstep[i]+=Step[i]; if (Grow[i] > 15) Grow[i]=16; } setTimeout('Bubbles()',10); } function Start(){ AniFish(); MoveFish(); Bubbles(); } //--> </script> </body> </html>
本站提供的“
页面中游动吐泡小鱼
”仅供大家研究交流，转载请注明出处！
【
相关特效代码
】
·
页面左右分开
[
0
]
·
几个非常酷的页面综合效果
[
0
]
·
页面中飞舞的蝙蝠
[
0
]
·
页面中逼真的飞舞蝴蝶
[
0
]
·
页面中飞舞的泡泡
[
0
]
·
页面中雷达扫描效果
[
0
]
·
逼真的页面下雨效果
[
0
]
·
页面中的探照灯效果
[
0
]
·
交错的几何状页面转换特效
[
0
]
·
退出页面的告别信息
[
0
]
网站主页
|
收藏本页
|
联系我们
|
广告服务
|
站点地图
|
会员注册
|
隐私政策
|
内容指正
|
业务合作
联系QQ：
32933427
电话：13710542091
[世界排名]
鄂ICP备05005890号
先飞网JS特效站
下载中心技术文档GIF动画模板图库字库JS脚本FLASH源码音效影像素材设计原稿酷站进程下载中心技术文档GIF动画模板图库字库JS脚本FLASH源码音效影像素材设计原稿酷站进程
本站提供的“页面中游动吐泡小鱼”仅供大家研究交流，转载请注明出处！
