js实现div跟随鼠标悬浮移动显示

最新推荐文章于 2024-01-28 21:47:54 发布

wjlvivid

最新推荐文章于 2024-01-28 21:47:54 发布

阅读量1.2k

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/wjlvivid/article/details/84236370

版权

js实现div跟谁鼠标悬浮移动显示 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <HTML>
  <style>
   #hint{
    width:198px;
    border:1px solid #000000;
    background:#99ff33;
    position:absolute;
    z-index:9;
    padding:6px;
    line-height:17px;
    text-align:left;
    top:1520px;
   }
  </style>
  <SCRIPT LANGUAGE="JavaScript">
   <!--
    function showme(){
     var oSon = window.document.getElementById("hint");
     if (oSon == null) return;
     with (oSon){
      innerText = guoguo.value;
      style.display = "block";
      style.pixelLeft = window.event.clientX + window.document.body.scrollLeft + 6;
 
      style.pixelTop = window.event.clientY + window.document.body.scrollTop + 9;
 
     }
    }
    function hidme(){
     var oSon = window.document.getElementById("hint");
     if(oSon == null) return;
     oSon.style.display="none";
    }
   //-->
  </SCRIPT>
  <BODY>
   <text id="guoguo" value="ga">
   <a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><br><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br><a href="#" οnmοuseοver="showme()" οnmοuseοut="hidme()" οnmοusemοve="showme()">dfdfd</a><br>
   <div id="hint" style="display:none"></div>
  </BODY>
 </HTML>