CSS实现动态提示信息

作者:jogocun 日期:2006-09-02 21:03

字号: 小 | 中 | 大

正在载入，请稍候……

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

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> [本日志由 jogocun 于 2006-09-09 04:48 PM 编辑]

谷歌AD正在载入，请稍候……

点此快速转到评论处，留下您的宝贵见解吧^_^

本文如需转载，请详细注明出处，尊重版权，尊重别人的劳动成果，谢谢合作哦！

Google内容AD正在载入，请稍候……

相关日志

详细信息

日志搜索

推荐收藏

反向链接

本站声明

相关日志:

评论列表 ↓ 点击显示/隐藏0条博友们的评论
点击显示/隐藏评论内容

发表评论

① 若您已是本站注册用户,请填入名称和密码,发表留言后即默认登陆.
② 若您尚未在本站注册,为了保护您的发言权,建议您注册账号,进而保护您的名称在本站不被他人所占用.若未特别说明,本站原创或转载的文章,均遵循创作共用协议.^_^
③ 若您不想注册,可以只填写用户名进行发表.
④ 转载本站文章,请注明出处,或者填写文章的引用通告地址,谢谢!
⑤ 本站注册是免费,自由的,但发表评论/留言即默认您遵守本站用户协议.