管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

js实现小鱼吐泡泡在页面游动特效

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>js小鱼吐泡泡在页面游动</title>

</head>

<body onLoad="Start()">

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%0D%0A%3C!--%20%0D%0A%0D%0AImage0%3Dnew%20Image()%3B%20%0D%0A%0D%0AImage0.src%3D%22http%3A%2F%2Fimg.glzy8.com%2Fimages%2Ffish%2Fpaopao.gif%22%3B%20%0D%0A%0D%0AAmount%3D12%3B%20%0D%0A%0D%0APics%3Dnew%20Array()%3B%20%0D%0A%0D%0ALoad%3Dnew%20Array()%3B%20%0D%0A%0D%0AYpos%3Dnew%20Array()%3B%20%0D%0A%0D%0AXpos%3Dnew%20Array()%3B%20%0D%0A%0D%0ASpeed%3Dnew%20Array()%3B%20%0D%0A%0D%0ARate%3Dnew%20Array()%3B%20%0D%0A%0D%0AGrow%3Dnew%20Array()%3B%20%0D%0A%0D%0AStep%3Dnew%20Array()%3B%20%0D%0A%0D%0ACstep%3Dnew%20Array()%3B%20%0D%0A%0D%0ANsSize%3Dnew%20Array()%3B%20%0D%0A%0D%0ANs%3D(document.layers)%3F1%3A0%3B%20%0D%0A%0D%0APos%3D-1%3B%20%0D%0A%0D%0AJog%3D1%3B%20%0D%0A%0D%0ATimer%3Dnull%3B%20%0D%0A%0D%0Afor(i%3D0%3B%20i%20%3C%3D%206%3B%20i%2B%2B)%7B%20%0D%0A%0D%0APics%5Bi%5D%3D%22http%3A%2F%2Fimg.glzy8.com%2Fimages%2Ffish%2Ffish%22%2Bi%2B%22.gif%22%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20PreLoad()%7B%20%0D%0A%0D%0Afor(i%3D0%3B%20i%20%3C%20Pics.length%3B%20i%2B%2B)%7B%20%0D%0A%0D%0ALoad%5Bi%5D%3Dnew%20Image()%3B%20%0D%0A%0D%0ALoad%5Bi%5D.src%3DPics%5Bi%5D%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0APreLoad()%3B%20%0D%0A%0D%0AStrt%3D0-(Load%5B0%5D.width%2B50)%3B%20%0D%0A%0D%0Afunction%20AniFish()%7B%20%0D%0A%0D%0APos%2B%3DJog%3B%20%0D%0A%0D%0Aif%20(Pos%20%3E%3D%20Pics.length)%20Pos%3D0%3B%20%0D%0A%0D%0Aif%20(Ns)%20document.nfish.document.images.nframe.src%3DPics%5BPos%5D%3B%20%0D%0A%0D%0Aelse%20document.images.iframe.src%3DPics%5BPos%5D%3B%20%0D%0A%0D%0ATimer%3DsetTimeout('AniFish()'%2C50)%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20MoveFish()%7B%20%0D%0A%0D%0AH%3D(document.layers)%3Fwindow.innerHeight%2Bwindow.pageYOffset%3Awindow.document.body.clientHeight%2Bdocument.body.scrollTop%3B%20%0D%0A%0D%0AW%3D(document.layers)%3Fwindow.innerWidth%2Bwindow.pageXOffset%3Awindow.document.body.clientWidth%2Bdocument.body.scrollLeft%3B%20%0D%0A%0D%0AStrt-%3D2%3B%20%0D%0A%0D%0Aif%20(Strt%20%3C%200-(Load%5B0%5D.width))%20Strt%3DW%3B%20%0D%0A%0D%0Aif%20(Ns)%7Bdocument.nfish.left%3DStrt%3Bdocument.nfish.top%3DH-(Load%5B0%5D.height%2B10)%7D%20%0D%0A%0D%0Aelse%20%7Bifish.style.left%3DStrt%3Bifish.style.top%3DH-(Load%5B0%5D.height%2B10)%7D%20%0D%0A%0D%0AsetTimeout('MoveFish()'%2C10)%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0AH2%3D(document.layers)%3Fwindow.innerHeight%3Awindow.document.body.clientHeight%3B%20%0D%0A%0D%0Afor%20(i%3D0%3B%20i%20%3C%20Amount%3B%20i%2B%2B)%7B%20%0D%0A%0D%0AYpos%5Bi%5D%3DMath.random()*H2-50%3B%20%0D%0A%0D%0AXpos%5Bi%5D%3D-50%3B%20%0D%0A%0D%0ASpeed%5Bi%5D%3DMath.random()*10%2B1%3B%20%0D%0A%0D%0ACstep%5Bi%5D%3D0%3B%20%0D%0A%0D%0AStep%5Bi%5D%3DMath.random()*0.1%2B0.05%3B%20%0D%0A%0D%0AGrow%5Bi%5D%3D4%3B%20%0D%0A%0D%0ANsSize%5Bi%5D%3DMath.random()*4%2B6%3B%20%0D%0A%0D%0ARate%5Bi%5D%3DMath.random()*0.5%2B0.1%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Aif%20(Ns)%7B%20%0D%0A%0D%0Afor%20(i%20%3D%200%3B%20i%20%3C%20Amount%3B%20i%2B%2B)%7B%20%0D%0A%0D%0Adocument.write(%22%3Clayer%20name%3D'sn%22%2Bi%2B%22'%20left%3D0%20top%3D-50%3E%3Cimg%20src%3D%22%2BImage0.src%2B%22%20name%3D'N'%20width%3D%22%2BNsSize%5Bi%5D%2B%22%20height%3D%22%2BNsSize%5Bi%5D%2B%22%3E%3C%2Flayer%3E%22)%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Adocument.write(%22%3Clayer%20name%3D'nfish'%20left%3D0%20top%3D-50%3E%3Cimg%20src%3D'0.gif'%20name%3D'nframe'%3E%3C%2Flayer%3E%22)%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Aelse%7B%20%0D%0A%0D%0Adocument.write('%3Cdiv%20style%3D%22position%3Aabsolute%3Btop%3A0px%3Bleft%3A0px%22%3E%3Cdiv%20style%3D%22position%3Arelative%22%3E')%3B%20%0D%0A%0D%0Afor%20(i%20%3D%200%3B%20i%20%3C%20Amount%3B%20i%2B%2B)%7B%20%0D%0A%0D%0Adocument.write('%3Cimg%20id%3D%22si%22%20src%3D%22'%2BImage0.src%2B'%22%20style%3D%22position%3Aabsolute%3Btop%3A-100px%3Bleft%3A0px%3Bfilter%3Aalpha(opacity%3D90)%22%3E')%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Adocument.write('%3C%2Fdiv%3E%3C%2Fdiv%3E')%3B%20%0D%0A%0D%0Adocument.write('%3Cdiv%20style%3D%22position%3Aabsolute%3Btop%3A0px%3Bleft%3A0px%22%3E%3Cdiv%20style%3D%22position%3Arelative%22%3E'%20%0D%0A%0D%0A%2B'%3Cimg%20id%3D%22ifish%22%20src%3D%220.gif%22%20name%3D%22iframe%22%20style%3D%22position%3Aabsolute%3Btop%3A-100px%3Bleft%3A0px%22%3E%3C%2Fdiv%3E%3C%2Fdiv%3E')%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20Bubbles()%7B%20%0D%0A%0D%0AHs%3D(document.layers)%3Fwindow.pageYOffset%3Adocument.body.scrollTop%3B%20%0D%0A%0D%0AWs%3D(document.layers)%3Fwindow.pageXOffset%3Adocument.body.scrollLeft%3B%20%0D%0A%0D%0Afor%20(i%3D0%3B%20i%20%3C%20Amount%3B%20i%2B%2B)%7B%20%0D%0A%0D%0Asy%20%3D%20Speed%5Bi%5D*Math.sin(270*Math.PI%2F180)%3B%20%0D%0A%0D%0Asx%20%3D%20Speed%5Bi%5D*Math.cos(Cstep%5Bi%5D*5)%3B%20%0D%0A%0D%0AYpos%5Bi%5D%2B%3Dsy%3B%20%0D%0A%0D%0AXpos%5Bi%5D%2B%3Dsx%3B%20%0D%0A%0D%0Aif%20(Ypos%5Bi%5D%20%3C%20-40)%7B%20%0D%0A%0D%0Aif%20(Ns)%20%7BYpos%5Bi%5D%3Ddocument.nfish.top%3BXpos%5Bi%5D%3Ddocument.nfish.left%7D%20%0D%0A%0D%0Aelse%20%7BYpos%5Bi%5D%3Difish.style.pixelTop%3BXpos%5Bi%5D%3Difish.style.pixelLeft%7D%20%0D%0A%0D%0ASpeed%5Bi%5D%3D%206%2BMath.random()*3%3B%20%0D%0A%0D%0AGrow%5Bi%5D%3D4%3B%20%0D%0A%0D%0ANsSize%5Bi%5D%3DMath.random()*4%2B6%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Aif%20(Ns)%7B%20%0D%0A%0D%0Adocument.layers%5B'sn'%2Bi%5D.left%3DXpos%5Bi%5D%2BWs%3B%20%0D%0A%0D%0Adocument.layers%5B'sn'%2Bi%5D.top%3DYpos%5Bi%5D%2BHs%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Aelse%7B%20%0D%0A%0D%0Asi%5Bi%5D.style.pixelLeft%3DXpos%5Bi%5D%2BWs%3B%20%0D%0A%0D%0Asi%5Bi%5D.style.pixelTop%3DYpos%5Bi%5D%2BHs%3B%20%0D%0A%0D%0Asi%5Bi%5D.style.width%3DGrow%5Bi%5D%3B%20%0D%0A%0D%0Asi%5Bi%5D.style.height%3DGrow%5Bi%5D%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0AGrow%5Bi%5D%2B%3DRate%5Bi%5D%3B%20%0D%0A%0D%0ACstep%5Bi%5D%2B%3DStep%5Bi%5D%3B%20%0D%0A%0D%0Aif%20(Grow%5Bi%5D%20%3E%2015)%20Grow%5Bi%5D%3D16%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0AsetTimeout('Bubbles()'%2C10)%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20Start()%7B%20%0D%0A%0D%0AAniFish()%3B%20%0D%0A%0D%0AMoveFish()%3B%20%0D%0A%0D%0ABubbles()%3B%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0A%2F%2F--%3E%20%0D%0A%0D%0A%3C%2Fscript%3E">

</body>

</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程