我要做一个随滚动条滚动的对联广告条

新学javascript，现在想要做一个随滚动条滚动的对联广告条。劳烦前辈指点一下：
最好有代码并且附加说明。
感谢万分！javascript

解决方案 »

  1.   

    <!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>无标题文档</title>
    <style type="text/css">
    div{
    width:400px;
    height:400px;
    background-color:#F00;
    }
    div.ad{
    width:400px;
    height:200px;
    background-color:#0F0;
    position:fixed;
    left:50px;
    top:0px;
    }
    </style>
    </head><body>
    <div>1</div>
    <div>1</div><div>1</div><div>1</div>
    <div class="ad">ad</div>
    </body>
    </html>
    将广告的那个div的position设为fixed试试
      

  2.   

    用jquery获取marque的position，然后将这个position的值赋给ad
      

  3.   

    <!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>无标题文档</title>
    <style type="text/css">
    div{
    width:400px;
    height:400px;
    background-color:#F00;
    }
    div#ad{
    width:400px;
    height:200px;
    background-color:#0F0;
    position:absolute;
    z-index:100;
    }
    </style>
    <script type="text/javascript">
    function getScroll(){
    var x=document.documentElement.scrollLeft||document.body.scrollLeft;
    var y=document.documentElement.scrollTop||document.body.scrollTop;
    return{
    'x':x,
    'y':y
    }
    }
    window.onscroll=function(){
    var div=document.getElementById("ad");
    var p=getScroll();
    div.style.left=100+parseInt(p.x)+"px";
    div.style.top=100+parseInt(p.y)+"px";
    }
    </script>
    </head><body>
    <div>1</div>
    <div>1</div><div>1</div><div>1</div>
    <div id="ad" style="left:100px; top:100px;">ad</div>
    </body>
    </html>
    大体思路这样试试
      

  4.   

    直接用一楼的css样式position设为fixed就可以了 为什么一定要用js