向左不断滚动的代码

最新推荐文章于 2021-06-09 19:06:11 发布

taiyangcn

最新推荐文章于 2021-06-09 19:06:11 发布

阅读量202

点赞数

文章标签： border function table class server asp

本文链接：https://blog.csdn.net/taiyangcn/article/details/4490899

版权

<div id="demo" style="overflow: hidden; height: 159px; width: 780px;">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td id="demo1">
                                        <asp:Repeater ID="Repeater4" runat="server">
                                            <HeaderTemplate>
                                                <table width="780">
                                                    <tr>
                                            </HeaderTemplate>
                                            <ItemTemplate>
                                                <td align="center" style="width: 10px;">
                                                </td>
                                                <td align="left">
                                                    <a class="YB" href='RjkfThree.aspx?BigClass=<%# DataBinder.Eval(Container.DataItem, "BIGID") %>&SmallClass=<%# DataBinder.Eval(Container.DataItem, "SMALLID")%>&ID=<%# DataBinder.Eval(Container.DataItem, "LSID") %>'>
                                                        <img src="<%# DataBinder.Eval(Container.DataItem, "FURL") %>" alt="" style="border: solid 2px #8CCDCA;
                                                            height: 148px; width: 130px;" />
                                                    </a>
                                                </td>
                                                <td align="left" style="width: 10px;">
                                                </td>
                                            </ItemTemplate>
                                            <AlternatingItemTemplate>
                                                <td align="center" style="width: 10px;">
                                                </td>
                                                <td align="left">
                                                    <a class="YB" href='RjkfThree.aspx?BigClass=<%# DataBinder.Eval(Container.DataItem, "BIGID") %>&SmallClass=<%# DataBinder.Eval(Container.DataItem, "SMALLID")%>&ID=<%# DataBinder.Eval(Container.DataItem, "LSID") %>'>
                                                        <img src="<%# DataBinder.Eval(Container.DataItem, "FURL") %>" alt="" style="border: solid 2px #8CCDCA;
                                                            height: 148px; width: 130px;" />
                                                    </a>
                                                </td>
                                                <td align="left" style="width: 10px;">
                                                </td>
                                            </AlternatingItemTemplate>
                                            <SeparatorTemplate>
                                            </SeparatorTemplate>
                                            <FooterTemplate>
                                                </tr></table>
                                            </FooterTemplate>
                                        </asp:Repeater>
                                    </td>
                                    <td id="demo2">
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <script type="text/javascript">
                            var speed=20
                            demo2.innerHTML=demo1.innerHTML
                            function Marquee(){
                            if(demo2.offsetWidth-demo.scrollLeft<=0)
                            demo.scrollLeft-=demo1.offsetWidth
                            else{
                            demo.scrollLeft++
                            }
                            }
                            var MyMar=setInterval(Marquee,speed)
                            demo.οnmοuseοver=function() {clearInterval(MyMar)}
                            demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
                        </script>