基于javascript滚动图片具体实现
基于javascript滚动图片具体实现
发布时间:2016-12-30 来源:查字典编辑
摘要:前台:复制代码代码如下:服务展示javascript:复制代码代码如下:varspeed=12;//数字越大速度越慢vartab=docum...

基于javascript滚动图片具体实现1

前台:

复制代码 代码如下:

<div>

<div>

<strong>服务展示 </strong>

</div>

<div id="showroom">

<div>

<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教程学习
编程开发子分类