(function($){ $.fn.turn = function(settings){ settings = $.extend({ direction:1,//up=0;left=1;bottom=2;right=3; num:1, duration :3000 },settings); var ul=$(this).find("ul"); if(settings.direction==0||settings.direction==2){ var height=$(this).find("li").outerheight()*settings.num; var width=0; } if(settings.direction==1||settings.direction==3){ var height=0; var width=$(this).find("li").outerwidth()*settings.num; } $(this).find("span").eq(0).click(function(){ turn(0); }); $(this).find("span").eq(1).click(function(){ turn(1); }); $(this).hover(function(){ clearinterval(change); },function(){ change=setinterval(function(){turn(math.floor(settings.direction/2))} , settings.duration); }).trigger("mouseleave"); function turn(x){ if(!$(ul).is(":animated")){ if (x==0) { $(ul).animate({left: -width,top:-height}, "slow",function(){ $(ul).css({"left":"0","top":"0"}); $(ul).children().each(function(i){ if(i==settings.num){return false;} $(ul).children().filter(":first").appendto(ul); }); }); }else if(x==1){ $(ul).css({"left":-width,"top":-height}); $(ul).children().each(function(i){ if(i==settings.num){return false;} $(ul).children().filter(":last").prependto(ul); }); $(ul).animate({left: 0,top:0}, "slow"); } } } } })(jquery); $(function(){ if($('#recommendsilde .sidebox li').length>4){ $("#recommendsilde .sidebox").turn({direction:1,num:1,duration :3000}); } if($('#relatedproduct li').length>4){ $("#relatedproduct").turn({direction:1,num:1,duration :3000}); } if($('#relatedproduct2 li').length>4){ $("#relatedproduct2").turn({direction:1,num:1,duration :3000}); } if($('#relatedproduct3 li').length>4){ $("#relatedproduct3").turn({direction:1,num:1,duration :5000}); } });