javascript实现滚动图片
2012-06-28 11:27
363 查看
前台:
<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)};
相关文章推荐
- 用JavaScript实现文件图片滚动效果
- JavaScript实现简单精致的图片左右无缝滚动效果
- JavaScript实现用图片滚动
- 解析javascript瀑布流原理实现图片滚动加载
- javascript实现的图片滚动效果,鼠标放上可停止
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- 原生javascript实现图片滚动、延时加载功能
- 原生javascript实现图片滚动、延时加载功能
- 基于javascript滚动图片具体实现
- 【转】javascript实现图片的连续滚动
- 利用javascript的setInterval()函数实现的图片无缝滚动
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- javascript实现图片滚动效果
- JavaScript实现页面滚动图片加载(仿lazyload效果)
- Javascript实现图片不间断滚动的代码
- javascript实现图片无缝滚动
- JavaScript实现简单图片滚动附源码下载
- JavaScript代码实现图片循环滚动效果
- javascript 实现图片滚动
- javascript图片按需加载(滚动加载)的实现