window.onload=function()
{
?? ?
?? ?var oDiv=document.getElementById('roll');
?? ?var oImg=oDiv.getElementsByTagName('img');
?? ?var oUl=document.getElementById('ul');
?? ?var btnLeft=document.getElementById('left');
?? ?var btnright=document.getElementById('right');
?? ?var ali=oUl.getElementsByTagName('li');
?? ?var isSpeed;
?? ?var btnstop=document.getElementById('btn');
?? ?var timer=null;
?? ?
?? ?btnLeft.onmouseover=function()
?? ?{isSpeed=-13;}
?? ?btnright.onmouseover=function()
?? ?{isSpeed=13;}? //設(shè)置速度和方向
?? ?oUl.innerHTML+=oUl.innerHTML;
?? ?
?? ?setInterval(move,100)?? ?//定時(shí)器
?? ?
?? ?btnstop.onclick=function()
?? ?{
?? ??? ?timer=setInterval(move,100)//為什么停不下來?。?？？？？？
?? ??? ?
?? ??? ?clearInterval(timer)}
?? ?function move()
?? ?{?? ?
?? ??? ?oUl.style.width=ali.length*ali[0].offsetWidth+'px'
?? ??? ?oUl.style.left=oUl.offsetLeft+isSpeed+'px';
?? ??? ?
?? ??? ?if(oUl.offsetLeft<-oUl.offsetWidth/2)
?? ??? ?{oUl.style.left='0px';}
?? ??? ?else if(oUl.offsetLeft>0)
?? ??? ?{oUl.style.left=-oUl.offsetWidth/2+'px';}
?? ?}
?? ?
}