<textarea id="runcode29807"><! 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" > <pead> <title>css hover hint </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;d Isplay:block} a#tip span {display:none;text-decoration: none;} A#tip:hover #tip_info {display:block;border:1px solid #F96; background: #FFEFEF;p adding:10px 20px;position:absolute; Top:0px;left:90px;color: #009933} </style> </pead> <body> <a id= "Tip" href= "#" > Do you know about the cloud-dwelling community? <span id= "Tip_info" > Cloud-dwelling community is a quality Learning Resource station, mainly collecting various learning materials. </span> </body> </ptml></textarea>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]