首页 > 代码库 > jquery总结06-动画事件01-基础显示和隐藏
jquery总结06-动画事件01-基础显示和隐藏
动画事件
.hide(option) 动画隐藏 会保存元素的原始属性值
$("#a2").hide({
duration: 3000,
complete: function() {
alert(‘执行3000ms动画完毕‘)
}
})
.show(option)动画显示
show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置
如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css(‘display‘, ‘block !important‘)重写样式
如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度
.toggle(option) 隐藏或显示切换 内在原理还是用的.hide()和.show()
$("button:last").click(function() {
$(".right").toggle(3000);
});
jquery总结06-动画事件01-基础显示和隐藏
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。