鼠标滑过提示问题

<SCRIPT LANGUAGE="JavaScript">
<!--
var m_oPreTip = null;
function displayTip(_sId, _bNotDisplay){
    var event = Event.findEvent();
if(m_oPreTip != null && !_bNotDisplay){
m_oPreTip.style.display = "none";
}
var oCurrTip = $("Tip"+_sId);
    document.body.appendChild(oCurrTip);
if(_bNotDisplay){
  oCurrTip.style.display = "none";
oCurrTip = null;
return;
}
 
m_oPreTip = oCurrTip;
    if(!event.pageX){
        var x = event.x;// + document.body.scrollLeft;
        var y = event.y;// + document.body.scrollTop;
        var nOffsetHeight  = Element.getDimensions(oCurrTip).height;
        //var nOffsetHeight  = 150;
        oCurrTip.style.left = x + 30 ;//+ 365;
        if(document.body.offsetHeight <= (y + 90 + nOffsetHeight)){
            oCurrTip.style.top = Math.max(y + 90 - nOffsetHeight, 0);
        }else{
            oCurrTip.style.top = y + 90;
        }
    }else{
        var x = event.pageX + 8;// + document.body.scrollLeft;
        var y = event.pageY + 8;// + document.body.scrollTop;
        oCurrTip.style.left = x;//+ 365;
        oCurrTip.style.top = y;
        oCurrTip.style.border = '1px solid black';
    }
oCurrTip.style.display = "";
}
//-->
</SCRIPT>
<a href="../201012/t20101213_36523.html" target="_blank" onMouseOver="displayTip(36523);" onMouseOut="displayTip(36523, true);">aaaaaaaa</a> <div id="Tip36523" class="Tip" style="display:none;">111</div>怎么不能用。。帮帮忙

解决方案 »

  1.   

    简单修改了下，IE可以，要兼容的话自己盖吧，<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>
        
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var m_oPreTip = null;
    function displayTip(_sId, _bNotDisplay){
     // var event = Window.event;
    if(m_oPreTip != null && !_bNotDisplay){
    m_oPreTip.style.display = "none";
    }
    var oCurrTip = $("Tip"+_sId);
      document.body.appendChild(oCurrTip);
    if(_bNotDisplay){
      oCurrTip.style.display = "none";
    oCurrTip = null;
    return;
    }
      
    m_oPreTip = oCurrTip;
    //alert(event);
      if(!event.clientX){
      var x = event.x;// + document.body.scrollLeft;
      var y = event.y;// + document.body.scrollTop;
      var nOffsetHeight = Element.getDimensions(oCurrTip).height;
      //var nOffsetHeight = 150;
      oCurrTip.style.left = x + 30 ;//+ 365; 
      if(document.body.offsetHeight <= (y + 90 + nOffsetHeight)){
      oCurrTip.style.top = Math.max(y + 90 - nOffsetHeight, 0);
      }else{
      oCurrTip.style.top = y + 90;
      }
      }else{
      var x = event.clientX + 8;// + document.body.scrollLeft;
      var y = event.clientY + 8;// + document.body.scrollTop;
      oCurrTip.style.left = x;//+ 365; 
      oCurrTip.style.top = y;
      oCurrTip.style.border = '1px solid black';
      }
    oCurrTip.style.display = "";
    }function $(id){
    return document.getElementById(id);
    }
    //-->
    </SCRIPT></head>
    <body>
    <a href="../201012/t20101213_36523.html" target="_blank" onMouseOver="displayTip(36523);" onMouseOut="displayTip(36523, true);">aaaaaaaa</a> <div id="Tip36523" class="Tip" style="display:none;">111</div>
    </body>
    </html>