用CSS实现超链接悬停提示
CSS做出漂亮的鼠标悬停提示效果，使用层的绝对定位，不管你的网页窗口如何变化，提示层始终处于理想位置不会改变，兼容性也良好，因些很实用的一个链接提示功能代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS悬停提示</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<style type="text/css">
body {font:normal 12px Verdana}
a#tip {position:relative;left:75px; font-weight:bold;}
a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}
a#tip span {display:none;text-decoration:none;}
a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:10px 20px;position:absolute;top:0px;left:90px;color:#009933}
</style>
</head>
<body>
<a id="tip" href="#">
你知道源码爱好者吗？
<span id="tip_info">源码爱好者是一个有质量的学习资源站，主要收集原创学习源代码。</span>
</a>
</body>
</html>
- 上一篇：有意思,CSS速记十条口诀
- 下一篇：Css滤镜应用在图片的效果实例
