模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉(zhuǎn)換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
文本鏈接特效代碼
>
收藏
分享
查看評論
文本鏈接
演示
網(wǎng)頁上跳動的文字_文本鏈接特效
查看演示效果
特效Tag:
文字特效
添加
網(wǎng)頁上跳動的文字,代碼稍復雜,效果挺可愛的,一跳一跳的文字,真逗人!
<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.wf0088.com</B></FONT></TD></TR></TBODY></TABLE></DIV>
所屬頻道:
文本鏈接特效
/
更新時間:2012-11-29
[收藏]
[報錯]
[返回列表]
相關(guān)
文本鏈接特效
:
后退無效的鏈接
一種隱藏URL的方法 (并是彈出無邊窗口)
隨機動態(tài)的鏈接Title提示
表單多選框中列出全部鏈接點擊跳轉(zhuǎn)
一個鏈接打開兩個鏈接地址(新開窗口和當前窗口)
鼠標onmouse鏈接時復選框的狀態(tài)變?yōu)閏hecked
多個div層顯示隱藏及切換
引用文章鏈接代碼
信息框顯示鏈接
點擊鏈接后跳出一個鏈接說明小窗口
比較實用的CSS控制連接顏色效果
超鏈接或按鈕的跳馬燈式說明文字
文本鏈接特效Rss訂閱
特效代碼搜索
文本鏈接特效推薦
JavaScript彩條文字變幻效果
about語法
鏈接Loading效果
Marquee 公告滾動代碼
一些字的特效
JavaScript點擊插入文字
JavaScript控制鏈接是否是在新窗口打開
讓文字鏈接變?yōu)?D按鈕的樣式
CSS首字下沉
滾動式鏈接
猜你也喜歡看這些
始終顯示在網(wǎng)頁某位置的浮動層,類似對聯(lián)廣告
CSS控制文字在一條線的中間
CSS代碼實現(xiàn)網(wǎng)頁柱狀圖
動態(tài)表格(PowerTable)
CSS未知div高度垂直居中代碼
CSS實現(xiàn)文字豎排效果
紅色CSS下拉菜單,兼容IE6 IE7 Firefox
CSS利用1像素空缺實現(xiàn)圓角效果
CSS實現(xiàn)對聯(lián)效果
CSS數(shù)字列表的使用
相關(guān)鏈接:
復制本頁鏈接
|
搜索網(wǎng)頁上跳動的文字
特效說明:
文本鏈接模板
-
網(wǎng)頁上跳動的文字
。