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

前台:

复制代码 代码如下:

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