jQuery拉幕效果

jQuery拉幕效果

用几行代码就可以完成拉幕效果，直接上代码：

<div id="ad" style="display:none;overflow: hidden;"><img src="大图片地址"></div>

$("#ad").delay(1000).slideDown(1000).delay(2000).animate({height: "80px"}, 1000,function(){$(this).find('img').attr('src','小图片地址');});

解释一下
延迟1秒后，slideDown（1秒），再延迟2秒后，动画高度减为80px（1秒），之后图片地址换成小图。