单纯使用CSS实现动态提示信息

发布时间：2020-03-17 12:28:08 所属栏目：Linux 来源：互联网

导读：单纯使用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:;">需要添加注释的文本提示信息</a>

2.<a class="info" href="javascript:;"><img src="需要添加注释的图片">提示信息</a>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!