java 滚动图片_javascript实现滚动图片

前台：

服务展示

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.οnmοuseοver=function() {clearInterval(MyMar)};

tab.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};