none
不怎么理解这段滚动代码的意思,特别是<div id="demo2"></div>这个的作用,大家帮忙一下,谢谢! RRS feed

  • 常规讨论

  • <div style="float:left; width:275px; height:180px; overflow:hidden;">
    <div id="demo">
    <div id="demo1">
       <asp:Repeater runat="server" ID="dl_job">
       <ItemTemplate>
    <div class="wjps-1"><a href="wj_Delivery-Show-<%#Eval("p_ID")%>.html" target="_blank"><img src="<%#Eval("p_ProImg")%>" width=120 height=78 style=" border:#cccccc 1px solid;"/></a><br /><center><a href="wj_Delivery_Show.aspx?PS_ID=<%#Eval("p_ID")%>"><%#Eval("p_Title")%></a></center></div>
         </ItemTemplate>
     </asp:Repeater>
    </div>
    <div id="demo2"></div>
    <script type="text/javascript">
    //ͼƬ޼Ϲ룬IEFirefoxOpera
    var speed=40;
    var FGDemo=document.getElementById('demo');
    var FGDemo1=document.getElementById('demo1');
    var FGDemo2=document.getElementById('demo2');
    FGDemo2.innerHTML=FGDemo1.innerHTML
    function Marquee1(){
    if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
    {
    FGDemo.scrollTop-=FGDemo1.offsetHeight
    }
    else{
    FGDemo.scrollTop++
    }
    }
    var MyMar1=setInterval(Marquee1,speed)
    FGDemo.onmouseover=function() {clearInterval(MyMar1)}
    FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
    </script>
    </div>
    </div>

    2009年10月18日 16:00

全部回复

  • 这个demo2 的div是为了做出首尾相接的滚动效果的。

    如果你需要滚动的是下面的元素

    1 2 3 4 5

    而同时只能出现 3 个元素

    当到最后三个元素后就会

    3 4 5 空了

    如果把 5个元素复制到后面这样就能循环滚动了。
    时刻学习,等待机会的到来。
    2010年2月3日 5:17