码迷,mamicode.com
首页 > Web开发 > 详细

jquery总结06-动画事件01-基础显示和隐藏

时间:2016-11-29 14:41:06      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:port   hid   jquery   let   .sh   改变   设置   工作   通过   

动画事件

.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-基础显示和隐藏

标签:port   hid   jquery   let   .sh   改变   设置   工作   通过   

原文地址:http://www.cnblogs.com/wufangfang/p/6112993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!