$(function(){ var slide = $(".temp_slide"); var width = slide.width(); var cha = (width-120)/5; var ul = slide.find("ul"); var li = slide.find("li"); var l = slide.find(".prev"); var r = slide.find(".next"); var bd =slide.find(".bd"); var iWidth = li.find('img').width(); var iHeight = li.find('img').height(); var i =1; bd.css({"width":width+30,"height":cha/iWidth*iHeight}); if(li.length>5){ ul.css({"width":(cha+30)*li.length,"position":"relative","overflow":"hidden","padding":0,"margin":0,"left":0}); }else{ l.addClass("prevStop"); r.addClass("nextStop"); } li.css("width",cha); li.find("img").css({"width":cha,"height":cha/iWidth*402}); r.click(function(){ function doMove(){ if(li.length-4>i){ l.removeClass("prevStop"); ul.animate({left:(-cha-30)*i},200); i++; } if(li.length-4 == i){ r.addClass("nextStop"); } } setTimeout(doMove,10); }); l.click(function(){ function doMove2(){ if(i>1){ r.removeClass("nextStop"); ul.animate({left:(-cha-30)*(i-1)-(-cha-30)},200); i--; } if(i == 1){ l.addClass("prevStop"); } } setTimeout(doMove2,10); }); bd.hover(function(){ l.stop(false,true).animate({"opacity":1}); r.stop(false,true).animate({"opacity":1}); },function(){ l.stop(false,true).animate({"opacity":0}); r.stop(false,true).animate({"opacity":0}); }); $(window).resize(function(){ i=1; slide = $(".temp_slide"); width = slide.width(); cha = (width-120)/5; bd.css({"width":width+30,"height":cha/iWidth*402}); ul.css({"width":(cha+30)*li.length,left:0}); li.css({"width":cha}); li.find("img").css({"width":cha,"height":cha/iWidth*402}); l.css({"top":(cha/iWidth*402)/2}); }); $(".tabs").find("li").click(function(){ var index = $(this).index(); $(this).addClass("current").siblings().removeClass("current"); $(".code_warp .code_item").eq(index).removeClass("hide").siblings().addClass("hide"); }); });