javascript 網頁上跳動的文字

2019-11-21 01:03:31

字體：大中小

來源：轉載

供稿：網友

<title>跳動的文字</title> <body onload=setVariables(),startbounce1(),startbounce2(),startbounce3(),startbounce4(),startbounce5(),startbounce6()> <SCRIPT language=JavaScript> var r=0 var a=11,b=9,c=7,d=10,e=11,f=8; var y2=-25,y1=-25,y3=-25,y4=-25,y5=-25,y6=-25; var x1=305,x2=335,x3=365,x4=395,x5=425,x6=455; function setVariables(){ if (navigator.appName == "Netscape") { horz=".left"; vert=".top"; visShow="'show'"; visHide="'hide'"; docStyle="document."; styleDoc=""; }else{ horz=".pixelLeft"; vert=".pixelTop"; visHide="'hidden'"; visShow="'visible'"; docStyle=""; styleDoc=".style"; } } function startbounce1(){ objectX1="object1" y1 += a evalMove1() if (y1<210) setTimeout("startbounce1()",20) else bounce1() } function bounce1(){ if (y1>201) a=11-r,r=Math.random()*100/25,Math.round(r); y1 -= a if (y1<100) a -= .5 evalMove1() if (y1>-100) setTimeout("bounce1()",10) else toggle() } function startbounce2(){ objectX2="object2" y2 += b evalMove2() if (y2<210) setTimeout("startbounce2()",20) else bounce2() } function bounce2(){ if (y2>201) b=8+r y2 -= b if (y2<100) b -= .5 evalMove2() if (y2>-100) setTimeout("bounce2()",20) else toggle() } function startbounce3(){ objectX3="object3" y3 += c evalMove3() if (y3<210) setTimeout("startbounce3()",20) else bounce3() } function bounce3(){ if (y3>201) c=7+r y3 -= c if (y3<100) c -= .5 evalMove3() if (y3>-100) setTimeout("bounce3()",10) else toggle() } function startbounce4(){ objectX4="object4" y4 += d evalMove4() if (y4<210) setTimeout("startbounce4()",20) else bounce4() } function bounce4(){ if (y4>201) d=8+r y4 -= d if (y4<100) d -= .5 evalMove4() if (y4>-100) setTimeout("bounce4()",20) else toggle() } function startbounce5(){ objectX5="object5" y5 += e evalMove5() if (y5<210) setTimeout("startbounce5()",10) else bounce5() } function bounce5(){ if (y5>201) e=12-r y5 -= e if (y5<100) e -= .5 evalMove5() if (y5>-100) setTimeout("bounce5()",20) else toggle() } function startbounce6(){ objectX6="object6" y6 += f evalMove6() if (y6<210) setTimeout("startbounce6()",10) else bounce6() } function bounce6(){ if (y6>201) f=8+r y6 -= f if (y6<100) f -= .5 evalMove6() if (y6>-100) setTimeout("bounce6()",10) else toggle() } function evalMove6(){ eval(docStyle + objectX6 + styleDoc + horz + '=' + x6); eval(docStyle + objectX6 + styleDoc + vert + "=" + y6); } function evalMove5(){ eval(docStyle + objectX5 + styleDoc + horz + '=' + x5); eval(docStyle + objectX5 + styleDoc + vert + "=" + y5); } function evalMove4(){ eval(docStyle + objectX4 + styleDoc + horz + '=' + x4); eval(docStyle + objectX4 + styleDoc + vert + "=" + y4); } function evalMove3(){ eval(docStyle + objectX3 + styleDoc + horz + '=' + x3); eval(docStyle + objectX3 + styleDoc + vert + "=" + y3); } function evalMove2(){ eval(docStyle + objectX2 + styleDoc + horz + '=' + x2); eval(docStyle + objectX2 + styleDoc + vert + "=" + y2); } function evalMove1(){ eval(docStyle + objectX1 + styleDoc + horz + '=' + x1); eval(docStyle + objectX1 + styleDoc + vert + "=" + y1); } </SCRIPT> <div   class="iwvjtn8m0"   id=object1 style="LEFT: 125px; POSITION: absolute; TOP: -50px; Z-INDEX: 2"> <CENTER> <TABLE bgColor=#000000 width=10> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>我</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=object2 style="LEFT: 125px; POSITION: absolute; TOP: -50px; Z-INDEX: 2"> <TABLE bgColor=#000000 width=10> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>是</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=object3 style="LEFT: 185px; POSITION: absolute; TOP: -50px; Z-INDEX: 2"> <TABLE bgColor=#000000 width=10> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>真</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=object4 style="LEFT: 215px; POSITION: absolute; TOP: -50px; Z-INDEX: 2"> <TABLE bgColor=#000000 width=10> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>的</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=object5 style="LEFT: 245px; POSITION: absolute; TOP: -50px; Z-INDEX: 2"> <TABLE bgColor=#000000 width=10> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>愛</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=object6 style="LEFT: 243px; POSITION: absolute; TOP: -50px; Z-INDEX: 2"> <TABLE bgColor=#000000 width=10> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>你</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=line1 style="HEIGHT: 24px; LEFT: 27px; POSITION: absolute; TOP: 215px; WIDTH: 707px; Z-INDEX: 1"> <TABLE bgColor=#000000> <TBODY> <TR> <TD><FONT color=#33ff33> <CENTER><B>________________________</B></CENTER></TD></TR></TBODY></TABLE></DIV> <div   class="iwvjtn8m0"   id=note style="HEIGHT: 24px; LEFT: 31px; POSITION: absolute; TOP: 237px; WIDTH: 697px; Z-INDEX: 1"> <TABLE bgColor=#000000> <TBODY> <TR> <TD><FONT color=#cccccc><B>m.survivalescaperooms.com</B></TD></TR></TBODY></TABLE></DIV>

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

上一篇：jquery 屏蔽一個區域內的所有元素，禁止輸入

下一篇：JavaScript 仿歌詞效果