Move the jquery mouse to display the floating layer, that is, the positioned div layer is displayed.

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", "block ");

Optional (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 silver; background: silver;">

Tip 1

</Div>

<Div id = "mydiv2" style = "position: absolute; display: none; border: 1px solid silver; background: silver;">

Tip 2

</Div>

 

<A id = "t1" onMouseOver = "javascript: show (this, 'mydiv1 ');" onMouseOut = "hide (this, 'mydiv1 ') "> move the mouse up to 1 </a>

<Br>

<A id = "t2" onMouseOver = "javascript: show (this, 'mydiv2');" onMouseOut = "hide (this, 'mydiv2 ') "> move the mouse up to 2 </a>