jQuery动画的 方法

一 , jquery动画
1,显示隐藏
显示：show()
隐藏：hide()
相当于对display：none;多了一个动画效果
show(500) 500毫秒显示出来
toggle:切换显示与隐藏状态
toggle(null/speed).easing,fn)
null: 空, 没有参数
speed：'slow|normal|fast'|2000
easing:指定动画效果，默认是swing
fn:回调函数，动画执行完毕执行回调
2,淡入淡出
语法：
fadeIn(null/speed,easing,fn) 淡入 
fadeOut(null/speed,easing,fn) 淡出
相当于opcity：0|1,只是加上动画效果
3,划入划出
语法：
slidUp(null/speed.easing,fn) 收起
slidDown(null/speed.easing,fn) 展开
通过改变元素的高度实现
二,jquery自定义动画
animate 方法可以让我们自定义动画
用法1:
语法：
$('div').animate({styles},speed,easing,fn)
{styles}:一组css样式,动画执行的目的地{width：500,height：300}
speed："shlow"|'normal'|'fast'|2000 动画执行的时间
easing：动画指定效果,默认是swing
fn：回调函数，动画执行结束执行回调
用法2：
语法：


$('div').animate({styles},{queue,duration,easing,complete})
{styles}:一组css样式 动画的目的地queue：当前动画是否加入动画列队，true/false 默认是true
duration：动画执行的时间
easing：指定动画运动效果
complete：动画回调函数
动画队列：当一个元素添加了多个动画时，调用了多个animate方法,就会产生一个动画队列,将多个动画排放到列队
在队列中的动画会顺序执行,不在队列中的动画会同时执行
停止动画方法 stop()
1)stop() 停止当前动画,但是不会停止队列中的其他动画,当前该元素真在执行的动画
2)stup(true)
停止所有动画
3)stop(true,true)
               停止所有动画,并且将动画停止到当前动画的结尾效果

最后

以上就是粗犷香氛为你收集整理的jQuery动画的 方法的全部内容，希望文章能够帮你解决jQuery动画的 方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。