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

it2022-05-05  98

一、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权威指南-源代码

最新回复(0)