完全CSS写的鼠标悬停tip效果
点击次数：28 次 发布日期：2008-11-21 23:47:08 作者：源代码网
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <meta name="Author" content="Aultoale" /> <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:visited {color:#000;text-decoration:underline;} 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> 源代码网供稿. |
