本文介绍了jQuery中的动画效果实现方法，包括.hide()、.show()、.toggle()等函数的使用技巧，并强调了在标准模式下使用jQuery动画的重要性。
动画事件
.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);
});
.toggle()还可以模拟鼠标单机事件(jquery 1.8版本此功能被移除)
.toggle(function(){
alert("a");
},function(){
alert("a");
})
注意 jquery动画要在标准模式下进行，否则会引起抖动。现在简写可以是<!DOCTYPE html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
