日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区
模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標(biāo)簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標(biāo)素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導(dǎo)航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時(shí)間
計(jì)算轉(zhuǎn)換
鍵盤鼠標(biāo)
瀏覽器
游戲娛樂
綜合其它
常用代碼
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)頁特效
>
文本鏈接特效代碼
>
收藏
分享
查看評論
文本鏈接
演示
鏈接內(nèi)容可以點(diǎn)擊的文字提示_文本鏈接特效
查看演示效果
特效Tag:
鏈接提示
添加
鏈接內(nèi)容可以點(diǎn)擊的文字提示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <meta name="author" mrc="宇,zy.e@163.com" /> <title>w3css.com</title> <style type="text/css"> <!-- body { background:#F4F8FF; margin: 0px; font: 12px/130% arial,宋體,verdana,sans-serif;color: #000; padding: 0px; } li{ list-style:none; } *{ margin: 0; padding: 0; } .fenlei{height:50px; width: 300px; padding: 5px; line-height: 30px;margin-top: 20px;} .fenleiul { float:left;} .fenleiul li{ width: 101px;float: left;height: 30px; padding-left:12px;} .fenleiul li a{ display:block; width: 101px; background: url(http://www.w3css.com/down/ico1.gif) 1px 11px no-repeat; line-height: 30px; float: left; padding-left:12px; color: #069; text-decoration:none; } .fenleiul li a:visited{ background: url(http://www.w3css.com/down/ico2.gif) 1px 11px no-repeat; color: #069;} .fenleiul li a:hover{ background: url(http://www.w3css.com/down/ico.gif) 1px 11px no-repeat;color: #FF4500;} .postitle{filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8; background: url(http://www.w3css.com/down/jt.gif) 0 -10px no-repeat; margin-top: -12px; float:left;margin-left:70px;*margin-left:-40px; position:absolute;} .type{line-height: 16px; float: left; clear: both; background: #D9F6FF; width:120px; margin-left:21px;padding:3px; overflow: hidden; border: solid 1px #9EB6D8; border-left:none;} .fenlei .type a{ clear:both;background-image:none; padding-left:0;line-height: 16px;} .type a:link{color:#004A75;} .type a:visited{ color:#333;} .fenlei .type a:hover{ color:#DC143C;background-image:none;} .flnone{ display:none; } --> </style> </head> <body> <div class="fenlei" > <ul class="fenleiul" id="listyle"> <li><a href="/soft/1900.html" >暗黑之門</a><div class="flnone"><span class="type">最新客戶端:<a href="1#">勁樂團(tuán)圣誕童話</a><br /><a href="1#">勁樂團(tuán)圣誕童話</a></span></div></li> <li><a href="/soft/1900.html">寶貝坦克x</a><div class="flnone"><span class="type">最新客戶端:<a href="#">勁樂團(tuán)圣誕童話1</a></span></div></li> <li><a href="/soft/1900.html">超級武林大富</a><div class="flnone"><span class="type">最新客戶端:<a href="#">勁樂團(tuán)圣誕童話1</a></span></div></li> <li><a href="/soft/1900.html">魔力寶貝Ⅱ</a><div class="flnone"><span class="type">最新客戶端:<a href="#">勁樂團(tuán)圣誕童話1</a></span></div></li> <li><a href="/soft/1900.html">神泣(Shaiya)</a><div class="flnone"><span class="type">最新客戶端:<a href="#">勁樂團(tuán)圣誕童話1</a></span></div></li> <li><a href="/soft/1900.html">奇跡世界(SUN)</a><div class="flnone"><span class="type">最新客戶端:<a href="#">勁樂團(tuán)圣誕童話1</a></span></div></li> </ul> </div> <script type="text/javascript"> var listyle = document.getElementById("listyle") var lis = listyle.getElementsByTagName("li"); var divs = listyle.getElementsByTagName("div"); for (var tn = 0; tn < lis.length; tn++) { lis[tn].tn = tn; lis[tn].onmouseover = show; lis[tn].onmouseout = unshow; } function unshow() { for (var i = 0; i < divs.length; i++) { divs[i].className = "flnone"; } } function show(tn) { unshow(); divs[this.tn].className = "postitle"; } </script> </body> </html>
所屬頻道:
文本鏈接特效
/
更新時(shí)間:2012-12-07
[收藏]
[報(bào)錯(cuò)]
[返回列表]
相關(guān)
文本鏈接特效
:
后退無效的鏈接
一種隱藏URL的方法 (并是彈出無邊窗口)
隨機(jī)動態(tài)的鏈接Title提示
表單多選框中列出全部鏈接點(diǎn)擊跳轉(zhuǎn)
一個(gè)鏈接打開兩個(gè)鏈接地址(新開窗口和當(dāng)前窗口)
鼠標(biāo)onmouse鏈接時(shí)復(fù)選框的狀態(tài)變?yōu)閏hecked
多個(gè)div層顯示隱藏及切換
引用文章鏈接代碼
信息框顯示鏈接
點(diǎn)擊鏈接后跳出一個(gè)鏈接說明小窗口
比較實(shí)用的CSS控制連接顏色效果
超鏈接或按鈕的跳馬燈式說明文字
文本鏈接特效Rss訂閱
特效代碼搜索
文本鏈接特效推薦
JavaScript文字遮罩效果
文字滾動上樓梯、爬格子
隨機(jī)動態(tài)的鏈接Title提示
JS讓文字反向顯示
CSS動態(tài)的鏈接提示
顯示網(wǎng)頁上所有超鏈接的按鈕
字體效果
滾動新聞
讓鏈接分順序,必須先點(diǎn)擊其它鏈接,類似廣告效果
三行文字成批間隙滾動的走馬燈效果
猜你也喜歡看這些
CSS讓文字半透明顯示在圖片上
JS彈出可定時(shí)關(guān)閉的層
DIV對齊而已實(shí)例
JavaScript文章列表的拖拽排序
超酷的CSS列表排行榜
動畫展層、關(guān)閉層并拖動
Ajax彈出漂亮可拖動的提示層(窗)效果
Div+CSS三行排列自適應(yīng)寬度代碼
特殊字符實(shí)現(xiàn)的CSS圓角
未知高度的div垂直居中多瀏覽器方法
相關(guān)鏈接:
復(fù)制本頁鏈接
|
搜索鏈接內(nèi)容可以點(diǎn)擊的文字提示
特效說明:
文本鏈接模板
-
鏈接內(nèi)容可以點(diǎn)擊的文字提示
。