横向不间断滚动的图片

<DIV id="scroll_div" style="OVERFLOW: hidden; WIDTH: 576px; HEIGHT: 147px" align="center">
    <table height="147">
        <tbody>
            <tr>
                <td id="scroll_begin"><asp:datalist id="DataList1" runat="server" RepeatDirection="Horizontal" cellSpacing="0" cellPadding="0">
                        <ItemTemplate>
                            <DIV style="WIDTH: 124px; HEIGHT: auto">
                                <DIV align="center">
                                    <img  height=100 width=133 alt='<%# DataBinder.Eval(Container.DataItem,"articleTitle")%>' src='<%# DataBinder.Eval(Container.DataItem,"picPath")%>'>
                                </DIV>
                            </DIV>
                            <DIV style="WIDTH: 19px; HEIGHT: auto"></DIV>
                        </ItemTemplate>
                    </asp:datalist></td>
                <td id="scroll_end"></td>
            </tr>
        </tbody>
    </table>
</DIV>

<SCRIPT>
    var speed=60
    scroll_end.innerHTML=scroll_begin.innerHTML
    function Marquee()
    {
        if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
            scroll_div.scrollLeft-=scroll_begin.offsetWidth
        else{
            scroll_div.scrollLeft++
            }
    }
    var MyMar=setInterval(Marquee,speed)
    scroll_div.onmouseover=function() {clearInterval(MyMar)}
    scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>

如需转载请注明此技术来自于技挂工作室