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}
你知道脚本之家吗?
脚本之家是一个有质量的学习资源站,主要收集各种学习资料。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
JS 仿Flash动画放大/缩小容器
放大缩小容器
*{margin:0;padding:0;}
body { padding:1em; }
h2 { font-size:2em; }
div { display:inline-block; width:10em; padding:.5em; margin-bottom:1em; overflow:hidden; background:#>>>详细阅读
本文标题:纯CSS 链接悬停提示效果代码
地址:http://www.17bianji.com/kaifa2/JS/27939.html
1/2 1