完全用CSS写的鼠标悬停特效(tiP效果) |
|
日期:2007-5-24 10:54:09 人气:124 [大 中 小] |
|
|
|
<!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> <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> |
|
出处:本站原创 作者:佚名 |
|
|