您當前位置：首頁 > web前端 > htmlcss > CSS實現(xiàn)鼠標經(jīng)過鏈接文本提示信息

CSS實現(xiàn)鼠標經(jīng)過鏈接文本提示信息

來源：程序員人生發(fā)布時間：2013-11-30 11:16:58 閱讀次數(shù)：2940次

　　網(wǎng)(LieHuo.Net)教程本文介紹以純CSS 實現(xiàn)的鼠標經(jīng)過文本時提示的信息的效果，歡迎大家學習并提出寶貴意見，(liehuo.net)網(wǎng)會做的更好。

<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS實現(xiàn)鼠標經(jīng)過鏈接文本提示信息 - 網(wǎng) - 關(guān)注站長，建設(shè)互聯(lián)網(wǎng)！</title><style type="text/css">body{margin:150px 250px;}/*Tooltips*/.tooltips{position:relative; /*這個是關(guān)鍵*/z-index:2;}.tooltips:hover{z-index:3;background:none; /*沒有這個在IE中不可用*/}.tooltips span{display: none;}.tooltips:hover span{ /*span 標簽僅在 :hover 狀態(tài)時顯示*/display:block;position:absolute;top:21px;left:9px;width:15em;border:1px solid black;background-color:#ccFFFF;padding: 3px;color:black;}</style></head><a class="tooltips" href="http://www.jyygyx.com/" _fcksavedurl="http://www.jyygyx.com/">將鼠標放上來看看！<span>點擊訪問，網(wǎng)（LIEHUO.NET） - 關(guān)注站長，建設(shè)互聯(lián)網(wǎng)！</span></a></body></html>
提示：可修改后代碼再運行!

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 Windows 2008之PKI實戰(zhàn)1:管理

下一篇 OpenSUSE下MySQL無法添加InnoDB的解決方法

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

CSS實現(xiàn)鼠標經(jīng)過鏈接文本提示信息