單純使用CSS實現(xiàn)動態(tài)提示信息
更新時間：2006年09月25日 00:00:00 作者：
也許已經(jīng)有人發(fā)現(xiàn)可以這樣寫...
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需再刷新一下頁面才能執(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需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
這篇文章主要介紹了如何學(xué)習(xí)html的各種標(biāo)簽,文中示例代碼介紹的非常詳細(xì).正在上學(xué)的同學(xué)和工作的朋友有很大的參考價值,要的朋友可以參考下2021-04-04
CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)
對于背景屬性background-image大家應(yīng)該已經(jīng)很熟悉了,通過這些屬性來控制背景圖片在容器中如何顯示,但我們也只能為容器提供一張背景圖片,如果我們想讓一個容器的背景用多張圖片實現(xiàn),那么我們該如何去做呢？再在容器里添加一些無用的元素嗎？2014-05-05
閉合浮動元素超級簡單的方法...2006-08-08
重構(gòu)、標(biāo)準(zhǔn)、布局...2006-09-09
空間頁面CSS說明...2006-09-09
怎么改善現(xiàn)有網(wǎng)站...2006-08-08
用CSS控制的閃爍效果...2006-09-09
CSS代碼縮寫技巧...2006-09-09
[紅色]CSS 實用實例(推薦)...2006-07-07
空格BUG...2006-09-09