$(function(){ var left = $("#left"); var right = $("#right"); var obj = $(".subbox ul"); var w = obj.find("li").innerwidth(); left.click(function(){ obj.find("li:last").prependto(obj); obj.css("margin-left",-w); obj.animate({"margin-left": 0}); }); right.click(function(){ obj.animate({"margin-left": -w},function(){ obj.find("li:first").appendto(obj); obj.css("margin-left","0"); }); }); var moving = setinterval(function(){right.click()},5000); obj.hover(function(){ clearinterval(moving); },function(){ moving = setinterval(function(){right.click()},5000); }) }); $(function(){ var left = $("#lef"); var right = $("#rit"); var obj = $(".sub ul"); var w = obj.find("li").innerwidth(); left.click(function(){ obj.find("li:last").prependto(obj); obj.css("margin-left",-w); obj.animate({"margin-left": 0}); }); right.click(function(){ obj.animate({"margin-left": -w},function(){ obj.find("li:first").appendto(obj); obj.css("margin-left","0"); }); }); var moving = setinterval(function(){right.click()},5000); obj.hover(function(){ clearinterval(moving); },function(){ moving = setinterval(function(){right.click()},5000); }) }); $(function(){ var left = $("#leff"); var right = $("#ritt"); var obj = $(".subb ul"); var w = obj.find("li").innerwidth(); left.click(function(){ obj.find("li:last").prependto(obj); obj.css("margin-left",-w); obj.animate({"margin-left": 0}); }); right.click(function(){ obj.animate({"margin-left": -w},function(){ obj.find("li:first").appendto(obj); obj.css("margin-left","0"); }); }); var moving = setinterval(function(){right.click()},5000); obj.hover(function(){ clearinterval(moving); },function(){ moving = setinterval(function(){right.click()},5000); }) });