$(function(){ var speed=2500; var liwidth=104; var move=104; var obj=$("#js_scrollbox ul"); var allli=obj.html(); var lilen=$("#js_scrollbox ul li").length; var yd=liwidth*lilen; obj.width(liwidth*lilen*3+"px"); obj.append(allli); obj.prepend(allli); obj.css({"margin-left":-yd+"px"}); function onemove(style){ if(style=="left"){ var movewidth=move; }else{ var movewidth=-move; } var leftpos=obj.css("margin-left").replace('px', ''); leftpos=parseint(leftpos); obj.stop(true,false).animate( {marginleft:leftpos+movewidth}, 500, function(){ var now=parseint(obj.css("margin-left").replace('px', '')); if(now>=0){ obj.css("marginleft",-yd+"px"); } if(now<=-2*yd){ obj.css("marginleft",-yd+"px"); } } ) } $("#js_nextimg").click(function(){ if(!obj.is(":animated")){onemove();} }); $("#js_previmg").click(function(){ if(!obj.is(":animated")){onemove("left");} }); var litimer=setinterval(onemove,speed); $("#js_allbtm").mouseenter(function(){ clearinterval(litimer); }); $("#js_allbtm").mouseleave(function(){ litimer=setinterval(onemove,speed); }); });