點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

js實現小魚吐泡泡在頁面游動特效_頁面背景

來源：懂視網責編：小采時間：2020-11-27 20:40:01

js實現小魚吐泡泡在頁面游動特效_頁面背景

js實現小魚吐泡泡在頁面游動特效_頁面背景: js小魚吐泡泡在頁面游動 = Pics.length) Pos=0; if (Ns) document.nfish.document.images.nframe.src=Pics[Pos]; else document.images.iframe.src=Pics[Pos]; Timer=setTimeout('AniFish()',

推薦度：

點擊下載本文 文檔為doc格式

導讀js實現小魚吐泡泡在頁面游動特效_頁面背景: js小魚吐泡泡在頁面游動 = Pics.length) Pos=0; if (Ns) document.nfish.document.images.nframe.src=Pics[Pos]; else document.images.iframe.src=Pics[Pos]; Timer=setTimeout('AniFish()',

<html>

<head>

<title>js小魚吐泡泡在頁面游動</title>

</head>

= 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="https://www.gxlcms.com/Uploads/+Image0.src+" name='N' width="+NsSize[i]+" height="+NsSize[i]+"></layer>");

}

document.write("<layer name='nfish' left=0 top=-50><img src='/Uploads/0.gif' name='nframe'></layer>");

}

else{

document.write('');

for (i = 0; i < Amount; i++){

document.write('<img id="si" src="'/Uploads/+Image0.src+'" style="position:absolute;top:-100px;left:0px;filter:alpha(opacity=90)">');

}

document.write('');

document.write(''

+'<img id="ifish" src="https://www.gxlcms.com/Uploads/0.gif" name="iframe" style="position:absolute;top:-100px;left:0px">');

}

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>

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js實現小魚吐泡泡在頁面游動特效_頁面背景

推薦度：

點擊下載本文 文檔為doc格式

標簽： js 在頁面頁面背景

熱門焦點

js實現小魚吐泡泡在頁面游動特效_頁面背景

js實現小魚吐泡泡在頁面游動特效_頁面背景

js實現小魚吐泡泡在頁面游動特效_頁面背景

最新推薦

猜你喜歡

熱門推薦