Sampson-Li
Sampson.Li学习经验总结博客 学历代表过去,能力代表现在.学习力代表未来!
js实现div跟谁鼠标悬浮移动显示 

 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 = window.document.getElementById("hint");
20     if (oSon == nullreturn;
21     with (oSon){
22      innerText = guoguo.value;
23      style.display = "block";
24      style.pixelLeft = window.event.clientX + window.document.body.scrollLeft + 6;
25 
26      style.pixelTop = window.event.clientY + window.document.body.scrollTop + 9;
27 
28     }
29    }
30    function hidme(){
31     var oSon = window.document.getElementById("hint");
32     if(oSon == nullreturn;
33     oSon.style.display="none";
34    }
35   //-->
36  </SCRIPT>
37  <BODY>
38   <text id="guoguo" value="ga">
39   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onmouseover="showme()" onmouseout="hidme()" onmousemove="showme()">dfdfd</a><br><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onmouseover="showme()" onmouseout="hidme()" onmousemove="showme()">dfdfd</a><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onmouseover="showme()" onmouseout="hidme()" onmousemove="showme()">dfdfd</a><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onmouseover="showme()" onmouseout="hidme()" onmousemove="showme()">dfdfd</a><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onmouseover="showme()" onmouseout="hidme()" onmousemove="showme()">dfdfd</a><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&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>

posted on 2011-11-07 16:56  Sampson  阅读(3593)  评论(0编辑  收藏  举报