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秒),之后图片地址换成小图。