您當(dāng)前位置：首頁(yè) > web前端 > htmlcss > CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)鏈接文本提示信息

CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)鏈接文本提示信息

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

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

<!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實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)鏈接文本提示信息 - 網(wǎng) - 關(guān)注站長(zhǎng)，建設(shè)互聯(lián)網(wǎng)！</title><style type="text/css">body{margin:150px 250px;}/*Tooltips*/.tooltips{position:relative; /*這個(gè)是關(guān)鍵*/z-index:2;}.tooltips:hover{z-index:3;background:none; /*沒(méi)有這個(gè)在IE中不可用*/}.tooltips span{display: none;}.tooltips:hover span{ /*span 標(biāo)簽僅在 :hover 狀態(tài)時(shí)顯示*/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.vxbq.cn/" _fcksavedurl="http://www.vxbq.cn/">將鼠標(biāo)放上來(lái)看看！<span>點(diǎn)擊訪問(wèn)，網(wǎng)（LIEHUO.NET） - 關(guān)注站長(zhǎng)，建設(shè)互聯(lián)網(wǎng)！</span></a></body></html>
提示：可修改后代碼再運(yùn)行!

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

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

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

下一篇 OpenSUSE下MySQL無(wú)法添加InnoDB的解決方法

分享到:

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

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)鏈接文本提示信息