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

js实现网站首页图片滚动显示,第1张

概述复制代码代码如下:<divid=\"demo\"><divid=\"indemo\"><divid=\"demo1\"><asp:RepeaterID=\"Pro_List\"runat=\"server\"><ItemTemplate><ahref=\"/Product/html/<%#Eval(\"id\" 复制代码 代码如下:
<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>
您可能感兴趣的文章:Android实现图片滚动和页签控件功能的实现代码Android仿淘宝商品浏览界面图片滚动效果图片自动播放器编程小技巧修正JS特效实现图片自动播放并可控的效果autoPlay 基于jquery的图片自动播放效果@L_419_6@jquery 圆形旋转图片滚动切换效果JQuery 图片滚动轮播示例代码jQuery+css实现图片滚动效果(附源码)jquery实现图片滚动效果的简单实例js+div实现图片滚动效果代码ImageFlow可鼠标控制图片滚动javascript 不间断的图片滚动并可点击js实现鼠标经过时图片滚动停止的方法Android使用自定义属性实现图片自动播放滚动的功能 总结

以上是内存溢出为你收集整理的js实现网站首页图片滚动显示全部内容,希望文章能够帮你解决js实现网站首页图片滚动显示所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1142752.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存