第一次写javascript，在线等待解答。

y = event.clientY + (document.body || document.documentElement).scrollTop;// 加上滚动条高度document.body || document.documentElement 是为了兼容 W3C 和非 W3C 标准

解决方案 »

  1.   

    标准的写法是不是横向的时候
    也加上(document.body || document.documentElement).scrollLeft;
      

  2.   

    在你的基础上改的
    <script type="text/javascript">
    function $(id)
    {
    return document.getElementById(id);
    }
    function show(e,popmsg)
    {
    var x,y;
    x = e.clientX;
    y = e.clientY;

    $("poplay").innerHTML = popmsg;
    $("poplay").style.pixelLeft = x+10;
    $("poplay").style.pixelTop = y+20;
    $("poplay").style.visibility = "visible";
    }
    function hide()
    {
    $("poplay").style.visibility = "hidden";
    }
    document.write('<DIV id="poplay" style="position:absolute;background-color:#FFFF99;"></DIV>');
    </script><BODY> <BR> 
    <a href=# onMouseOver="show('event','<img src=http://avatar.profile.csdn.net/C/8/6/2_afantict.jpg>')" onmouseout="hide()" target="_self">TOP PAGE</A><br><!--<A href="index.html" onmouseover="show('event','aaa<img src='http://avatar.profile.csdn.net/B/F/0/2_wanglinmingtina.jpg'>bbb');" target="_self">TOP PAGE </A> <BR> -->
     <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> 
    <!--<A href="index.html" onmouseover="show(event,'aaa<img src\='http://avatar.profile.csdn.net/B/F/0/2_wanglinmingtina.jpg'>bbb')" onmouseout="hide()" target="_self">TOP PAGE2 </A> -->
    <a href=# onMouseOver="show('event','abc')" onmouseout="hide()" target="_self">TOP PAGE2</a>
    </BODY>