模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
文本鏈接特效代碼
>
收藏
分享
查看評論
文本鏈接
演示
動畫效果的鏈接提示_文本鏈接特效
查看演示效果
特效Tag:
鏈接提示
添加
超酷效果的動畫鏈接提示,每刷新一次頁面都有不同的效果,而且JS代碼也不是很多,很適合站長使用。
<html> <head> <title>動畫效果的鏈接提示</title> </head> <body> <STYLE type="text/css"> <!-- .article {font-size: 9pt; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden ; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 0px} --> <!-- p, td, select { font-size: 9pt} a { color: #0058b0; font-size: 9pt; text-decoration: none} a:hover { color: #6699FF} .drop { filter: dropshadow(color=000000, offx=1, offy=1, positive=1)} .drop2 { filter: dropshadow(color=ffffff, offx=1, offy=1, positive=1)} --> </STYLE> <SCRIPT language=JavaScript1.2> <!-- function Show(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } function Hide(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; divid.filters.revealTrans.play(); } //--> </script> <a href="/" onMouseOver=Show(div0) onMouseOut=Hide(div0) >網頁特效</a> <div id="div0" class="article">超多的網頁特效代碼</div> <a onMouseOver=Show(div1) onMouseOut=Hide(div1) >源碼下載</a> <div id="div1" class="article">一個有質量的學習型源碼站</div> <a href="/" onMouseOver=Show(div2) onMouseOut=Hide(div2) >程序源碼</a> <div id="div2" class="article">編程愛好者的樂園</div> <a href="#" onMouseOver=Show(div3) onMouseOut=Hide(div3) >文章教程</a> <div id="div3" class="article">學習編程的好地方</div> <a onMouseOver=Show(div4) onMouseOut=Hide(div4) >中國軟件</a> <div id="div4" class="article">歡迎您經常光臨</div> </body> </html>
所屬頻道:
文本鏈接特效
/
更新時間:2012-11-30
[收藏]
[報錯]
[返回列表]
相關
文本鏈接特效
:
后退無效的鏈接
一種隱藏URL的方法 (并是彈出無邊窗口)
隨機動態的鏈接Title提示
表單多選框中列出全部鏈接點擊跳轉
一個鏈接打開兩個鏈接地址(新開窗口和當前窗口)
鼠標onmouse鏈接時復選框的狀態變為checked
多個div層顯示隱藏及切換
引用文章鏈接代碼
信息框顯示鏈接
點擊鏈接后跳出一個鏈接說明小窗口
比較實用的CSS控制連接顏色效果
超鏈接或按鈕的跳馬燈式說明文字
文本鏈接特效Rss訂閱
特效代碼搜索
文本鏈接特效推薦
光照文字效果(點光源)
字體效果
閃爍文字特效和隨機圖片代碼
單選按鈕鏈接
JavaScript彩條文字變幻效果
CSS濾鏡實現字體發光
幾種常見的文字排列方向代碼(倒向、豎向和旋轉)
網頁右上角旋轉滾動的文字
Discuz論壇的JavaScript走馬燈公告效果
JS溶解形式的文字切換特效
猜你也喜歡看這些
相對固定位置JS+CSS布局實例,彈出提示層
Js實現表格隔行換色一例
連續字符的CSS換行代碼
拆分單元格
層收縮/展開的代碼
CSS實現文字豎排效果
簡潔滑動門(Tab)
最簡單的打開、關閉層代碼
JS層抖動特效,類似QQ聊天窗口抖動
圓腳表格(基于VML技術實現)
相關鏈接:
復制本頁鏈接
|
搜索動畫效果的鏈接提示
特效說明:
文本鏈接模板
-
動畫效果的鏈接提示
。