鼠标跟随的div

来源:互联网 发布:淘宝qq群的号 编辑:程序博客网 时间:2024/05/11 22:08

鼠标跟随的div

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

  <SCRIPT LANGUAGE="JavaScript">
  <!--
    function mOverPrompt(proValue){
    mEvnPrompt();
    document.all.Prompt.innerHTML = proValue;
    document.all.Prompt.style.visibility = "visible";
}

function mOutPrompt(){
    document.all.Prompt.style.visibility = "hidden";
}
//取得位置
function mEvnPrompt() {
   x=event.x;
   y=event.y;
if (document.body.scrollLeft||document.body.scrollTop)
   {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}

  document.all.Prompt.style.left = x+15;
  document.all.Prompt.style.top = y-60;

}

  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>
  <a href='#' onmouseover=mOverPrompt('tt');>tt</a><br/><br/>


  <div id="Prompt"  style="border:1px solid red;HEIGHT: 75px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 117px"></div>

 </BODY>
</HTML>

原创粉丝点击