B=[[],[],[],[],[],[],[],[]]; B[0][0]=-100*1; B[0][1]=-100*2; B[0][2]=-100*3; B[0][3]=-100*4; B[0][4]=-100*5; B[0][5]=-100*6; B[0][6]=-100*7; B[0][7]=-100*0; B[1][0]=-100*0; B[1][1]=-100*1; B[1][2]=-100*2; B[1][3]=-100*3; B[1][4]=-100*4; B[1][5]=-100*5; B[1][6]=-100*6; B[1][7]=-100*7; B[2][0]=-100*7; B[2][1]=-100*0; B[2][2]=-100*1; B[2][3]=-100*2; B[2][4]=-100*3; B[2][5]=-100*4; B[2][6]=-100*5; B[2][7]=-100*6; B[3][0]=-100*6; B[3][1]=-100*7; B[3][2]=-100*0; B[3][3]=-100*1; B[3][4]=-100*2; B[3][5]=-100*3; B[3][6]=-100*4; B[3][7]=-100*5; B[4][0]=-100*5; B[4][1]=-100*6; B[4][2]=-100*7; B[4][3]=-100*0; B[4][4]=-100*1; B[4][5]=-100*2; B[4][6]=-100*3; B[4][7]=-100*4; B[5][0]=-100*4; B[5][1]=-100*5; B[5][2]=-100*6; B[5][3]=-100*7; B[5][4]=-100*0; B[5][5]=-100*1; B[5][6]=-100*2; B[5][7]=-100*3; B[6][0]=-100*3; B[6][1]=-100*4; B[6][2]=-100*5; B[6][3]=-100*6; B[6][4]=-100*7; B[6][5]=-100*0; B[6][6]=-100*1; B[6][7]=-100*2; B[7][0]=-100*2; B[7][1]=-100*3; B[7][2]=-100*4; B[7][3]=-100*5; B[7][4]=-100*6; B[7][5]=-100*7; B[7][6]=-100*0; B[7][7]=-100*1; intnum = 0; intold = 0; intchk = true; olda=0; function int_slide(){ intnum++; if(intnum==8){ intnum=0; } $(".intbox ul").stop(true,true).animate({"margin-left":"-=100%"},1000,"easeOutCubic",function(){ $(this).append($(".intbox ul li").first()); $(this).css({"margin-left":"-100%"}); intold=intnum; }); }; function limove(){ if(intold==0){ $(".intbox ul").append(vli7, vli0, vli1, vli2, vli3, vli4, vli5, vli6); } else if (intold==1){ $(".intbox ul").append(vli0, vli1, vli2, vli3, vli4, vli5, vli6, vli7); } else if (intold==2){ $(".intbox ul").append(vli1, vli2, vli3, vli4, vli5, vli6, vli7, vli0); } else if (intold==3){ $(".intbox ul").append(vli2, vli3, vli4, vli5, vli6, vli7, vli0, vli1); } else if (intold==4){ $(".intbox ul").append(vli3, vli4, vli5, vli6, vli7, vli0, vli1, vli2); } else if (intold==5){ $(".intbox ul").append(vli4, vli5, vli6, vli7, vli0, vli1, vli2, vli3); } else if (intold==6){ $(".intbox ul").append(vli5, vli6, vli7, vli0, vli1, vli2, vli3, vli4); } else{ $(".intbox ul").append(vli6, vli7, vli0, vli1, vli2, vli3, vli4, vli5); } } $(document).ready(function(){ vli0=$(".intbox li").eq(0); vli1=$(".intbox li").eq(1); vli2=$(".intbox li").eq(2); vli3=$(".intbox li").eq(3); vli4=$(".intbox li").eq(4); vli5=$(".intbox li").eq(5); vli6=$(".intbox li").eq(6); vli7=$(".intbox li").eq(7); $(".intbox ul").prepend($(".intbox ul li").last()); autoint=setInterval("int_slide()",3000); $(".intbtn>span").click(function(){ if(intchk){ intchk=false; clearInterval(autoint); autoint=setInterval("int_slide()",7000); intnum=$(this).index(); $(".intbox ul").stop(true,true).animate({"margin-left": B[intold][intnum]},10,"easeOutCubic",function(){ $(this).css({"margin-left":"-100%"}); intold=intnum; limove(); }); intchk=true; } }); });