国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 六盘水市| 佳木斯市| 深水埗区| 高要市| 吴川市| 丰原市| 自治县| 大渡口区| 临西县| 元朗区| 康马县| 密山市| 当阳市| 修文县| 马公市| 云南省| 张家口市| 镇宁| 宜州市| 无为县| 格尔木市| 碌曲县| 南丰县| 商南县| 庄河市| 武隆县| 思南县| 清远市| 独山县| 神农架林区| 崇义县| 南丹县| 汾阳市| 融水| 富民县| 通化县| 鄄城县| 新丰县| 疏勒县| 灵石县| 五常市|