javascript 网页上跳动的文字

更新时间：2009年10月22日 13:15:33 作者：

网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！

<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 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 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 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 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 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 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 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 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>www.jb51.net</B></TD></TR></TBODY></TABLE></DIV>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

文字来回上下移动或跳动的代码
JavaScript实现文字上下跳动，或上下移动，比较普通的效果，类似QQ聊天窗口抖动一样的效果，只不过这里是图片而已。
2009-11-11
不一样的文字闪烁轮番闪烁
这是一个文字闪烁效果，不同的是它是由两组文字组成，在闪烁的过程中可以重复切换，代码中的speed指定字体闪烁的频率，可以把引号内的内容换成你想要的文字，要记住一定要在body中加上onload语句，否则会无效哦。
2009-11-11
Js仿新浪微博首页内容滚动
JavaScript仿新浪微博首页的内容滚动，将推荐的几条微博按一定规律自行滚动，依次类推，大家先看看效果就明白了
2010-11-11
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.
2009-10-10
javascript跑马灯悬停放大效果实现代码
用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,需要的朋友可以了解下
2012-12-12
用按钮触发Javascript动态生成一个表格的代码
用按钮触发Javascript，动态生成一个表格，主要是使用innerHTML功能，每点击一次按钮，就会生成一个表格，当然也可以把表格改成一个DIV，这样就是生成一个层了，不过删除时候有些麻烦。
2009-10-10
Js文字背景行如流水特效
行如流水的Js文字背景特效，本人比较喜欢的效果，文字的背景像流水线一样，不断的循环变化，很漂亮哦。
2009-10-10
js 上下文字滚动效果
用js实现的上下文字滚动效果代码，需要的朋友可以参考下。
2010-07-07
Js 网页上反复显示隐藏效果的文本
一个JavaScript特效，在网页上反复显示一些可隐藏的文字，快速滚入而后快速消失，很不错的文字效果。
2010-03-03
js单行消息滚动代码，可添加无数个
JavaScript实现单行新闻滚动代码，可添加无数行，只要你有那么多内容，我觉得挺不错，发上来供大家使用和参考。
2010-11-11

javascript 网页上跳动的文字

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具