国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

單純使用CSS實現(xiàn)動態(tài)提示信息

2020-10-23 18:49:17
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
也許已經(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ū)調用方法
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í)行]

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 鹤庆县| 惠来县| 通化县| 达拉特旗| 天等县| 汶上县| 固阳县| 白朗县| 广灵县| 和硕县| 页游| 揭东县| 论坛| 中阳县| 嵩明县| 同仁县| 若尔盖县| 定结县| 牙克石市| 江津市| 旬邑县| 揭东县| 平舆县| 德兴市| 寿阳县| 崇仁县| 中山市| 西贡区| 嘉义市| 黎平县| 略阳县| 汾西县| 武宁县| 辽宁省| 巨野县| 思南县| 华宁县| 原平市| 乐山市| 广河县| 江华|