Js enables the div to move and move the cursor to display
1 <! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN">
2 <HTML>
3 <style>
4 # hint {
5 width: 198px;
6 border: 1px solid #000000;
7 background: #99ff33;
8 position: absolute;
9 z-index: 9;
10 padding: 6px;
11 line-height: 17px;
12 text-align: left;
13 top: 1520px;
14}
15 </style>
16 <script language = "JavaScript">
17 <! --
18 function showme (){
19 var oSon = too many Doc ument. getElementById ("hint ");
20 if (oSon = null) return;
21 with (oSon ){
22 innerText = guoguo. value;
23 style. display = "block ";
24 style. pixelLeft = window. event. clientX + too many Doc ument. body. scrollLeft + 6;
25
26 style. pixelTop = window. event. clientY + invalid parameter Doc ument. body. scrollTop + 9;
27
28}
29}
30 function hidme (){
31 var oSon = too many Doc ument. getElementById ("hint ");
32 if (oSon = null) return;
33 oSon. style. display = "none ";
34}
35 // -->
36 </SCRIPT>
37 <BODY>
38 <text id = "guoguo" value = "ga">
39 & nbsp; & nbsp; <a href = "#" onmouseover = "showme ()" onmouseout = "hidme ()" onmousemove = "showme () "> dfdfd </a> <br> & nbsp; & nbsp; <a href = "#" onmouseover = "showme () "onmouseout =" hidme () "onmousemove =" showme () "> dfdfd </a> <br> & nbsp; & nbsp; <a href = "#" onmouseover = "showme ()" onmouseout = "hidme ()" onmousemove = "showme () "> dfdfd </a> <br> & nbsp; & nbsp; <a href = "#" onmouseover = "showme ()" onmouseout = "hidme ()" onmousemove = "showme () "> dfdfd </a> <br> & nbsp; <a href = "#" onmouseover = "showme ()" onmouseout = "hidme ()" onmousemove = "showme ()"> dfdfd </a> <br> & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; <a href = "#" onmouseover = "showme ()" onmouseout = "hidme ()" onmousemove = "showme () "> dfdfd </a> <br>
40 <div id = "hint" style = "display: none"> </div>
41 </BODY>
42 </HTML>