The
code is as follows:
<script language= "javascript" src= "jquery-1.4.2.min.js" ></script> <script> function Show (Obj,id) { var objdiv = $ ("#" +id+ ""); $ (objdiv). CSS ("display", "blocks"); $ (objdiv). CSS ("left", EVENT.CLIENTX); $ (objdiv). CSS ("top", Event.clienty +); } 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 silver;background:silver; " > hint 1 effect </div> <div id= "Mydiv2" style= "position:absolute;display:none;border:1px Solid Silver;background:silver; " > hint 2 effect </div> <a id= "T1" onmouseover= javascript:show (This, ' mydiv1 '); " Onmouseout= "Hide (this, ' Mydiv1 ')" > mouse put 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>