$(document).ready(function(){
var imgdivs = $("#photoshow>div");
var imgnums = imgdivs.length; //图片数量
var divwidth = parseint($("#photoshow").css("width")); //显示宽度
var imgwidth = parseint($(".photo>a>img").css("width")); //图片宽度
var minwidth = (divwidth - imgwidth)/(imgnums-1); //显示其中一张图片时其他图片的显示宽度
var spanheight = parseint($("#photoshow>.photo:first>a>span").css("height")); //图片介绍信息的高度
imgdivs.each(function(i){
$(imgdivs[i]).css({"z-index": i, "left": i*(divwidth/imgnums)});
$(imgdivs[i]).hover(function(){
//$(this).find("img").css("opacity","1");
$(this).find("span").stop().animate({bottom: 0}, "slow");
imgdivs.each(function(j){
if(j<=i){
$(imgdivs[j]).stop().animate({left: j*minwidth}, "slow");
}else{
$(imgdivs[j]).stop().animate({left: (j-1)*minwidth+imgwidth}, "slow");
}
});
},function(){
imgdivs.each(function(k){
//$(this).find("img").css("opacity","0.7");
$(this).find("span").stop().animate({bottom: -spanheight}, "slow");
$(imgdivs[k]).stop().animate({left: k*(divwidth/imgnums)}, "slow");
});
});
});
});
阅读全文
