标签：his ber out 使用 jquery div 代码 tool slow
jQuery -动画
jQuery动画分为三个部分，非自定义动画，自定义动画，和全局动画设置。
animate({
‘width‘:‘200px‘，
‘height‘:‘200px‘
})
设置的属性，支持运算。
animate({
‘width‘:‘+=200px‘
})
如果想要动画按照顺序执行（执行完第一个动画之后，再执行下一个动画）有三种方法：
1）借助动画的回调函数（操作不同元素的时候，推荐使用回调函数）
$(‘input‘).click(function(){
$(‘div‘).animate({
‘width‘:‘400px‘,
‘height‘:‘400px‘,
},function(){
$(‘div‘).animate({
‘width‘:‘200px‘,
‘height‘:‘200px‘
})
})
})
2）将动画效果分开写
$(‘input‘).click(function(){
$(‘div‘).animate({
‘width‘:‘400px‘,
‘height‘:‘400px‘,
})
$(‘div‘).animate({
‘width‘:‘200px‘,
‘height‘:‘200px‘
})
})
3）连缀（操作同一元素的时候，推荐使用连缀）
$(‘input‘).click(function(){
$(‘div‘).animate({
‘width‘:‘400px‘,
‘height‘:‘400px‘,
}).animate({
‘width‘:‘200px‘,
‘height‘:‘200px‘
})
})
三、动画及相关方法
$(‘div‘).slideToggle(2000,recursion)
function recursion(){
$(this).slideToggle(2000,recursion)
}
附赠个高级写法：
$(‘div‘).slideToggle(2000,function(){
$(this).slideToggle(2000,arguments.callee)
})
//arguments.callee：常用在匿名函数中， 代表当前的函数。
jQuery的动画，以上。
标签：his ber out 使用 jquery div 代码 tool slow
原文地址：https://www.cnblogs.com/xiaomala/p/11564332.html
