function initmqmove(insertspeed){ var odiv = document.getelementbyid('div1'); var oul = document.getelementbyid('ul1'); var speed = insertspeed;//初始化速度 oul.innerhtml += oul.innerhtml;//图片内容*2-----参考图(2) var oli= oul.getelementsbytagname('li'); oul.style.width = oli.length*440+'px';//设置ul的宽度使图片可以放下 var obtn1 = document.getelementbyid('btn1'); var obtn2 = document.getelementbyid('btn2'); function move(){ if(oul.offsetleft<-(oul.offsetwidth/2)){//向左滚动,当靠左的图4移出边框时 oul.style.left = 0; } if(oul.offsetleft > 0){//向右滚动,当靠右的图1移出边框时 oul.style.left = -(oul.offsetwidth/2)+'px'; } oul.style.left = oul.offsetleft + speed + 'px'; } obtn1.addeventlistener('click',function(){ speed = -2; },false); obtn2.addeventlistener('click',function(){ speed = 2; },false); var timer = setinterval(move,30);//全局变量 ,保存返回的定时器 odiv.addeventlistener('mouseout', function () { timer = setinterval(move,30); },false); odiv.addeventlistener('mousemove', function () { clearinterval(timer);//鼠标移入清除定时器 },false); }