Perhaps someone has found it possible to write ...
CSS Code section
A.info {
position:relative; z-index:0; Background-color: #ccc; Color: #000; Text-decoration:none}
A.info:hover {
Z-index:1; Background-color: #ff0}
A.info span {
Display:none}
A.info:hover span {
Display:block; Position:absolute; top:12px; left:2px; width:160px; border:1px solid #0cf; Background-color: #cff; Color: #000; Text-align:center}
Body Area Call method
1.
text you want to add a comment to Prompt Information
2. Prompt Information
<style> body {font:verdena; font-size:14px; color: #000} h1{Font:verdena; font-size:22px; color: #000} h2{Font:ve Rdena; font-size:15px; Color: #000; Text-align:left} div#main {margin:30}/* Key code Start */a.info {position:relative; z-index:0; Background-color: #ccc; color:# 000; Text-decoration:none} a.info:hover {z-index:1; Background-color: #ff0} a.info span {display:none} A.info:hover SP an {display:block; position:absolute; top:25px; left:60px; width:130px; border:1px solid #0cf; Background-color: #cff; co Lor: #000; Text-align:center}//Key code end */</style> <body> <p> use CSS to implement dynamic cue information </p> <p> Do not use JS can realize the information prompt effect?! (except title and ALT) </p> <p>by [51js.com]zdzhuo</p> <p>ie5.5+, Opera7.0, Netscap7.0, Mozilla1.4 Normal use </p> <b> This is a hint message </b><span>www.51js.com</span> a hint that can be implemented without JS <b> Simply using CSS to implement hints </b><span> a very simple way to understand the principle is also very straightforward </span><span> this is my special avatar in 51js.com </span> < /body&gT
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
