模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
网页上跳动的文字_文本链接特效
查看演示效果
特效Tag:
文字特效
添加
网页上跳动的文字,代码稍复杂,效果挺可爱的,一跳一跳的文字,真逗人!
<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></FONT></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></FONT></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></FONT></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></FONT></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></FONT></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></FONT></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></FONT></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.mb5u.com</B></FONT></TD></TR></TBODY></TABLE></DIV>
所属频道:
文本链接特效
/
更新时间:2012-11-29
[收藏]
[报错]
[返回列表]
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
JavaScript彩条文字变幻效果
about语法
链接Loading效果
Marquee 公告滚动代码
一些字的特效
JavaScript点击插入文字
JavaScript控制链接是否是在新窗口打开
让文字链接变为3D按钮的样式
CSS首字下沉
滚动式链接
猜你也喜欢看这些
始终显示在网页某位置的浮动层,类似对联广告
CSS控制文字在一条线的中间
CSS代码实现网页柱状图
动态表格(PowerTable)
CSS未知div高度垂直居中代码
CSS实现文字竖排效果
红色CSS下拉菜单,兼容IE6 IE7 Firefox
CSS利用1像素空缺实现圆角效果
CSS实现对联效果
CSS数字列表的使用
相关链接:
复制本页链接
|
搜索网页上跳动的文字
特效说明:
文本链接模板
-
网页上跳动的文字
。