You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.0 KiB
77 lines
2.0 KiB
$(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");
|
|
});
|
|
});
|