單純使用CSS實(shí)現(xiàn)動(dòng)態(tài)提示信息
更新時(shí)間：2006年09月25日 00:00:00 作者：
也許已經(jīng)有人發(fā)現(xiàn)可以這樣寫(xiě)...
CSS代碼部分
a.info {
position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }
a.info:hover {
z-index:1; background-color:#ff0 }
a.info span {
display: none }
a.info:hover span {
display:block; position:absolute; top:12px; left:2px; width:160px; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center }
body區(qū)調(diào)用方法
1.<a class="info" href="javascript:;"><b>需要添加注釋的文本</b><span>提示信息</span></a>
2.<a class="info" href="javascript:;"><img src="需要添加注釋的圖片"><span>提示信息</span></a>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
CSS代碼部分
a.info {
position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }
a.info:hover {
z-index:1; background-color:#ff0 }
a.info span {
display: none }
a.info:hover span {
display:block; position:absolute; top:12px; left:2px; width:160px; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center }
body區(qū)調(diào)用方法
1.<a class="info" href="javascript:;"><b>需要添加注釋的文本</b><span>提示信息</span></a>
2.<a class="info" href="javascript:;"><img src="需要添加注釋的圖片"><span>提示信息</span></a>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
詳談 CSS樣式表使用：鏈接/嵌入...2006-09-09
使用#default#userdata組件實(shí)現(xiàn)的可記憶內(nèi)容的編輯器
使用#default#userdata組件實(shí)現(xiàn)的可記憶內(nèi)容的編輯器...2006-08-08
利用CSS控制SELECT中的OPTION是否不允許選...2006-09-09
在日常布局當(dāng)中，會(huì)遇到文本內(nèi)容超過(guò)容器的情況。非常常見(jiàn)的一種解決方案是超出省略。但是有的時(shí)候，由于場(chǎng)景的限制，可能會(huì)出現(xiàn)在一些無(wú)法使用超出打點(diǎn)省略的方法的場(chǎng)景，譬如在導(dǎo)航欄中：在容器定寬但是文本又溢出且不能換行的情況下，我們就需要尋求另外的解決方案。2021-05-05
關(guān)于在HTML網(wǎng)頁(yè)制作中如何添加背景圖片
這篇文章主要介紹了關(guān)于在網(wǎng)頁(yè)制作中如何添加背景圖片,我們通常使用background來(lái)添加網(wǎng)頁(yè)的背景圖,需要的朋友可以參考下2023-04-04
CSS3+Js實(shí)現(xiàn)響應(yīng)式導(dǎo)航條
今天制作了一個(gè)響應(yīng)式導(dǎo)航條，能夠自動(dòng)隨著不同的屏幕分辨率或?yàn)g覽器窗口大小的不同而改變導(dǎo)航條的樣式，這里主要用到的就是CSS3的Media Query。2014-05-05
這篇文章主要介紹了CSS自定義滾動(dòng)條樣式案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
大家都知道，position:fixed在日常的頁(yè)面布局中非常常用，在許多布局中起到了關(guān)鍵的作用。但是，在許多特定的場(chǎng)合，指定了position:fixed的元素卻無(wú)法相對(duì)于屏幕視口進(jìn)行定位。這是為何呢？2021-05-05
讓comment標(biāo)記在各瀏覽器都能通用...2006-09-09
用js控制css的不錯(cuò)的方法...2006-09-09