Copy Code code as follows:
<script language= "javascript" src= "Jquery-1.4.2.min.js" ></script>
<script>
Function Show (Obj,id) {
var Objdiv = $ ("#" +id+ "");
$ (objdiv). CSS ("Display", "block");
$ (objdiv). CSS ("left", Event.clientx);
$ (objdiv). CSS ("top", Event.clienty + 10);
}
function Hide (obj,id) {
var Objdiv = $ ("#" +id+ "");
$ (objdiv). CSS ("display", "none");
}
</script>
<!--http://www.ablanxue.com/prone_3421_1.html-->
<div id= "Mydiv1" style= "position:absolute;display:none;border:1px solid;" >
Tip 1 Effect
</div>
<div id= "Mydiv2" style= "position:absolute;display:none;border:1px solid;" >
Tip 2 Effect
</div>
<a id= "T1" onmouseover= "Javascript:show" (This, ' mydiv1 '); "onmouseout=" Hide (this, ' Mydiv1 ') "> mouse put it up 1</a>
<br><br><br><br><br>
<a id= "T2" onmouseover= "Javascript:show" (This, ' mydiv2 '); "onmouseout=" Hide (this, ' Mydiv2 ') "> mouse put it up 2</a>