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 } " /> av电影天堂网,91视频.www,精品三级

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

單純使用CSS實現動態提示信息

也許已經有人發現可以這樣寫...

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區調用方法
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需刷新才能執行]

HTML/CSS技術單純使用CSS實現動態提示信息,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 日本激情视频在线播放 | 欧美综合一区二区三区 | 中文字幕av在线 | 精品中文字幕一区二区三区 | 国产精品久久久久久久久久三级 | 欧美日韩成人 | 亚洲视频第一页 | 黄色成人在线观看 | 精品国产乱码久久久久久蜜柚 | 精品一区欧美 | 99久久久久久 | 国产三级精品视频 | 天天操网| 狠狠色综合久久丁香婷婷 | 国产精品一区二区三区免费观看 | 精品一区二区在线观看 | 国产一在线 | 最新日韩欧美 | 国产高清视频在线 | 99热精品在线 | 丁香综合 | 美女天天操| 国产精品九九视频 | 天堂视频一区 | 日韩精品视频在线免费观看 | 欧洲一区二区在线 | 国产午夜三级一区二区三 | 欧美a在线看 | 国产激情一区二区三区 | 欧美激情一区 | 久久久久国产一区二区三区 | 欧美中文字幕一区二区三区 | 日本中文字幕在线视频 | 国产一级片91| 最新免费视频 | 亚洲国产视频一区二区 | 亚洲色图在线观看 | 日韩精品 电影一区 亚洲 | 国产欧美日韩综合精品一区二区 | 91av免费看 | 久久99国产精品 |