前台:
<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)};
分享到:
相关推荐
用HTML CSS JavaScript实现滚动图片的技术
主要介绍了Javascript实现滚动图片新闻的实例代码。需要的朋友可以过来参考下,希望对大家有所帮助
JavaScript实现图片连续滚动的案例,实现首页中图片的轮滑
这是网站里常用的技术,可以作为模板使用,使本人自己设计,页面部分完全采用div块实现,可以作为标准模板,后面附有注释,结合了专业的css技术与javascript技术
javascript实现的滚动图片类似flash相信我准没错 这个东西很好
javascript 实现新闻咨询图片滚动效果javascript 实现新闻咨询图片滚动效果javascript 实现新闻咨询图片滚动效果javascript 实现新闻咨询图片滚动效果javascript 实现新闻咨询图片滚动效果javascript 实现新闻咨询...
DIV+CSS+JAVASCRIPT实现图片滚动效果
在很多网页当中,对字幕或是图片的滚动支持都不是很好.而且不够灵活.本脚本,可以任意生成多个对像,同时多个滚动.采用类的方法.
纯javascript实现文字、图片无限滚动效果
ASP实现图片左右滚动Javascript方法事件处理
主要介绍了javascript实现图片左右滚动效果,可实现自动滚动,带有左右按钮功能,基于插件scrollPic.js实现,附带了相应的demo源码供读者下载参考,需要的朋友可以参考下
在网站开发中我们经常需要实现一个左右按钮控制图片的功能,这个其实可以用javascript来实现,该文件附带js实现左右滚动图片的源代码及相关文件。
asp.net+javascript图片滚动播放源码。实现图片滚动播放,来自网页设计师联盟
本程序利用css+JavaScript实现了图片的滚动展示,可实现翻页,定时滚动等功能
利用JS定时器和运动框架实现图片无缝滚动,适合初学者使用
Javascript实现图片不间断滚动的代码_.docx
用javascript实现横向滚动图片
JavaScript实现的图片滚动效果,平稳横向滚动,可显示多张图片
JavaScript图片从右向左滚动 js实现图片从右向左滚动