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;}  //设置速度和方向
    oUl.innerHTML+=oUl.innerHTML;
    
    setInterval(move,100)    //定时器
    
    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';}
    }
    
}