浮动广告

用js写了个简单的浮动广告
但是图片没有随滚动条移动~~
大家帮忙看看<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var advIntiTop=0; //使层总置于顶端的初始值
function move(){
document.getElementById("advLayer").style.pixelTop=advIntiTop+document.body.scrollTOP;
}
window.onscroll=move;
</script>
</head><body>
<img src="课内素材/ch3/理论/images/xiaojie1.jpg" width="768" height="1113" />
<div id="advLayer" style="position:absolute;left:16px;top:129px;width:180px;height:230px;z-index:1">
<img src="课内素材/ch3/理论/images/advpic.gif" width="180" height="230" />
</div>
</body>
</html>

解决方案 »

  1.   

    function move(){
    document.getElementById("advLayer").style.top=advIntiTop+document.body.scrollTop;
    }
      

  2.   

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
    var advIntiTop=0; //使层总置于顶端的初始值
    function move(){
    document.getElementById("advLayer").style.top=advIntiTop+document.body.scrollTop; //这句要改成这样
    }
    window.onscroll=move;
    </script>
    </head><body>
    <img src="课内素材/ch3/理论/images/xiaojie1.jpg" width="768" height="1113" />
    <div id="advLayer" style="position:absolute;left:16px;top:129px;width:180px;height:230px;z-index:1">
    <img src="课内素材/ch3/理论/images/advpic.gif" width="180" height="230" />
    </div>
    </body>
    </html>
      

  3.   


    跟那位大哥是一样的
    层只会置顶，并不会随滚轮移动
    document.body.scrollTop 这句好像得不到应有的值得
      

  4.   

    书上说的效果是浮动的。。var advIntiTop=0; //使层总置于顶端的初始值
    //下面的这个值应该是每次滚动条所卷去的值.
    advIntiTop+document.body.scrollTop;
    然后将这个值赋给层的pixelTop这个的效果只能置顶?