基于javascript滚动图片具体实现
更新时间：2013年11月18日 16:45:04 作者：
这篇文章主要介绍了javascript滚动图片具体实现，有需要的朋友可以参考一下
前台：
复制代码 代码如下:
<div class="block">
<div class="title">
<strong>服务展示 </strong>
</div>
<div class="content" id="showroom">
<div class="wrapper index_footer_slide">
<div id="index_foot_slide">
<div id="in_index_foot_slide">
<div id="index_foot_slide1">
<asp:Repeater ID="repBottomPictures" runat="server">
<ItemTemplate>
<a href="">
<img src='<%#Eval("ImageUrl")%>' /></a>
</ItemTemplate>
</asp:Repeater>
</div>
<div id="index_foot_slide2">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div>
<a href="">
<img src='<%#Eval("ImageUrl")%>' /></a></div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
</div>
</div>
</div>
</div>
javascript：
复制代码 代码如下:
var speed=12; //数字越大速度越慢
var tab=document.getElementById("index_foot_slide");
var tab1=document.getElementById("index_foot_slide1");
var tab2=document.getElementById("index_foot_slide2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab.scrollLeft<=0)
tab.scrollLeft+=tab2.offsetWidth
else{
tab.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
相关文章
这篇文章主要介绍了jsonp跨域及实现百度首页联想功能的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
js老生常谈之this,constructor ,prototype全面解析
下面小编就为大家带来一篇js老生常谈之this,constructor ,prototype。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-04-04
这篇文章主要介绍了关闭浏览器窗口时弹出提示框，并且可以通过函数控制其失效,需要的朋友可以参考下2014-04-04
这篇文章主要为大家详细介绍了原生JS生成指定位数的验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要为大家详细2022-09-09
介绍了微信小程序实现小型计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解JavaScript调用栈、尾递归和手动优化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
js中将HTMLCollection/NodeList/伪数组转换成数组的代码，需要的朋友可以参考下。2011-07-07
这篇文章主要介绍了微信小程序实现录制、试听、上传音频功能（带波形图）,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-02-02
javascript实现的像java、c#之类的sleep暂停的函数代码
我们都知道java、c#、vb等语言都有sleep暂停的函数，而JavaScript脚本没有类似的功能。2010-03-03
这篇文章主要介绍了javascript实现浏览器窗口传递参数,需要的朋友可以参考下2014-09-09
最新评论