源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js实现网站首页图片滚动显示

  • 时间:2022-04-18 20:12 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js实现网站首页图片滚动显示
[u]复制代码[/u] 代码如下:
<div id="demo"> <div id="indemo"> <div id="demo1"> <asp:Repeater ID="Pro_List" runat="server"> <ItemTemplate> <a href="/Product/html/<%#Eval("id") %>/" title="<%#Eval("Title")%>"><img src='/<%#Eval("Pic") %>' width="130" height="97" /> <p><%#Eval("Title") %></p> </a> </ItemTemplate> </asp:Repeater> </div> <div id="demo2"></div> </div> </div> <script type="text/javascript"> var speed = 20; var tab = document.getElementById("demo"); var tab1 = document.getElementById("demo1"); var tab2 = document.getElementById("demo2"); tab2.innerHTML = tab1.innerHTML; function Marquee() { if (tab2.offsetWidth - tab.scrollLeft <= 0) tab.scrollLeft -= tab1.offsetWidth else { tab.scrollLeft++; } } var MyMar = setInterval(Marquee, speed); tab.onmouseover = function () { clearInterval(MyMar) }; tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) }; </script>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部