您的位置：首页 > Web前端 > JQuery

jQuery拉幕效果

2016-07-05 15:46 423 查看

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秒），之后图片地址换成小图。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航