关于获取鼠标坐标的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);//-->
</script>
<style type="text/css">
.Layer1{
filter:  Alpha(Opacity=10);
}
</style>
</head><body><div id="Layer1" style="position:absolute;left:91px;display:none; top:29px; width:128px; height:127px; z-index:1; background-color: #CEECFF; layer-background-color: #CEECFF; border: 1px none #000000;" class="Layer1"> 
  <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
      <td><p>================</p>
        <p>================</p>
        <p>================</p>
        <p>================</p>
</td>
    </tr>
  </table>
  
</div>
<script language="JavaScript">
<!--
function filteralpha(){
i+=25;
Layer1.filters.alpha.opacity=i;
if(Layer1.filters.alpha.opacity>=100)return;
    setTimeout('filteralpha()',200);
}
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < Layer1.offsetWidth)
Layer1.style.left = document.body.scrollLeft + event.clientX - Layer1.offsetWidth;
else
Layer1.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < Layer1.offsetHeight)
Layer1.style.top = document.body.scrollTop + event.clientY - Layer1.offsetHeight;
else
Layer1.style.top = document.body.scrollTop + event.clientY;
Layer1.style.display='';
i=10;
filteralpha();
return false;
}
function hidemenu(){
Layer1.style.display='none';
}
document.oncontextmenu=showmenuie5;
document.body.onclick=hidemenu;
//-->
</script> 
</body>
</html>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <div id="tip" style="position:absolute;BACKGROUND: #dddd00; WIDTH: 80px; HEIGHT: 50px; display:'none'">
     &nbsp; tips 1
     <br>
     &nbsp; re
    </div>
    <script>
    window.document.body.onmousedown  = function (){
    tip.style.top = event.y;
    tip.style.left = event.x;
    tip.style.display = '';
    }
    window.document.body.onmouseup  = function (){
    tip.style.display = 'none';
    }
    </script>
    </BODY>
    </HTML>