51前端

ul{

list-style:none;

margin:0px;

padding:0px;

width:1500px;

float:left;

}

ul li{

height:25px;

line-height:25px;

font-size:12px;

float:left;

width:300px;

margin:0px;

padding:0px;

}

#wrap{

width:3000px;

}

#scroll{

width:300px;

overflow:scroll;

}

window.onload=function(){

var speend=10;

document.getElementById("copy").innerHTML=document.getElementById("list").innerHTML;

function done(){

if(document.getElementById("list").offsetWidth-document.getElementById("scroll").scrollLeft<=0){

document.getElementById("scroll").scrollLeft-=document.getElementById("list").offsetWidth;

}

else{

document.getElementById("scroll").scrollLeft++;

}

}

var flag=setInterval(done,speend);

document.getElementById("scroll").onmouseover=function(){clearInterval(flag)}

document.getElementById("scroll").onmouseout=function(){flag=setInterval(done,speend);}

}