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

猜你喜欢

转载自blog.csdn.net/antdz/article/details/51832192