Jquery基础入门-3-JQuery实现动画与特效

一、jQuery库提供的动画效果
1、show([speed,[easing],[fn]]) 元素的显示，同时修改多个样式属性即高度、宽度和不透明度。
2、hide([speed,[easing],[fn]]) 元素的隐藏，同时修改多个样式属性即高度、宽度和不透明度。
3、toggle([speed],[easing],[fn]) 用来替代show()和hide()方法
4、slideDown([speed],[easing],[fn]) 元素从上之下显示。只改变高度。
5、slideUp([speed,[easing],[fn]]) 元素从下之上显示。只改变高度。
6、slideToggle([speed],[easing],[fn]) 用来替代slideDown()和slideUp()

7、fadeIn([speed],[easing],[fn]) 元素淡入显示，只改变不透明度
8、fadeOut([speed],[easing],[fn]) 元素淡出显示，只改变不透明度
9、fadeTo([[speed],opacity,[easing],[fn]]) 元素淡入指定不透明度的效果，只改变不透明度
10、fadeToggle([speed,[easing],[fn]]) 用来代替fadeIn()和fadeOut()

　　

二、自定义动画
1、语法:animate(params,speed,callback);

 

扫描二维码关注公众号，回复： 6810899 查看本文章

2、停止动画

◆ 语法:stop([clearQueue],[goToEnd])

伸缩导航条

3、判断元素书否处于动画状态
◆if(!$(“element”).is(“:animated”)){//判断元素是否处于动画状态}
4、延时动画
◆ 语法:delay(duration)