一、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);
2、停止动画
◆ 语法:stop([clearQueue],[goToEnd])
伸缩导航条
3、判断元素书否处于动画状态◆if(!$(“element”).is(“:animated”)){//判断元素是否处于动画状态}4、延时动画◆ 语法:delay(duration)
转载于:https://www.cnblogs.com/HiJackykun/p/11203591.html
相关资源:jQuery权威指南-源代码