资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
纯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="#" _ewebeditor_ta_href="%23"> 你知道管理资源吧吗？ <span id="tip_info">管理资源吧是一个有质量的学习资源站，主要收集各种学习资料。</span> </a> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程