主頁 > 知識庫 > 單純使用CSS實(shí)現(xiàn)動態(tài)提示信息

單純使用CSS實(shí)現(xiàn)動態(tài)提示信息
熱門標(biāo)簽：網(wǎng)站文章發(fā)布 智能手機(jī) 服務(wù)器配置 銀行業(yè)務(wù) 鐵路電話系統(tǒng) 檢查注冊表項(xiàng) 呼叫中心市場需求 美圖手機(jī)
也許已經(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í)行]

標(biāo)簽：紅河 樂山 沈陽 滄州 河南 長治 新疆 上海

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《單純使用CSS實(shí)現(xiàn)動態(tài)提示信息》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章

  • 上一篇：全面了解CSS

    下一篇：像table一樣布局div

    收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266