给代码挑错

我初学javascript，下面一段代码功能是显示一个跟随窗口滚动条移动的图片窗口，可是我对着例子的源代码也找不出错误，求各位大侠帮帮忙，看是哪里错了
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
var advInit = 0;
function move() {
document.getElementById("adv").style.pixelTop = advInit + document.body.scrollTop;
}
window.onscroll = move;
</script><style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:28px;
top:19px;
width:921px;
height:6097px;
z-index:1;
}-->
</style>
</head><body>
<div id="apDiv1"></div>
<div id="adv" style="position:absolute; left:572px; top:29px; width:360px; height:190px; z-index:2;"><img src="adv.jpg" width="360" height="190" /></div>
</body>
</html>

解决方案 »

  1.   

    把第一句去掉就行。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    或者改为
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      

  2.   

    #1 滴方法虽然可行，但是不利于新标准滴推广，治标不治本。问题在于 document.body.scrollTop 上，新标准的页面模型发生了调整，因此 document.body.scrollTop 始终为 0！解决方案是 改为 document.documentElement.scrollTop如果希望兼容两种标准，就改为 var scrollTop = document.body.scrollTop > 0 ? document.body.scrollTop : document.documentElement.scrollTop;L@_@K
    ]<!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> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document </title> 
    <script> 
    var advInit = 0; 
    function move() { 
        var scrollTop = document.body.scrollTop > 0 ? document.body.scrollTop : document.documentElement.scrollTop;
        document.getElementById("adv").style.pixelTop = scrollTop; 
    } 
    window.onscroll = move; 
    </script> <style type="text/css"> 
    <!-- 
    #apDiv1 { 
    position:absolute; 
    left:28px; 
    top:19px; 
    width:921px; 
    height:6097px; 
    z-index:1; 
    } --> 
    </style> 
    </head> <body> 
    <div id="apDiv1"> </div> 
    <div id="adv" style="position:absolute; left:572px; top:29px; width:360px; height:190px; z-index:2;"> <img src="adv.jpg" width="360" height="190" /> </div> 
    </body> 
    </html> 
      

  3.   

    说到新标准，那应该用position:fixed
      

  4.   

    但是这个不支持ie6另外pixelTop只支持ie，lz可以使用scrollTop