Jquery效果方法汇总

animate()

$(selector).animate(style,speed,easing,callback),该方法用于执行CSS属性集的自定义动画。style只有以数字值才可以创建动画,如{"margin:30px"},以字符则无法创建动画,如(”background-color:red")。

speed是一个可选参数,数值的单位是毫秒,也可以选择“slow”、“normal”、“fast”.

easing也是一个可选参数,规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数:swing、linear。

callback也是一个可选参数,animate 函数执行完之后,要执行的函数。

queue、dequeue、clearQueue

  • queue

queue(队列名,function),该方法用于把函数加入队列(通常是函数数组),队列名是一个可选参数,默认的队列名是 "fx"。

queue().length可用于显示队列的长度。

  • dequeue

dequeue(队列名),用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行),队列名是一个可选参数,默认的队列名是 "fx"。

这就意味着,如果不执行dequeue,那么队列中的下一个函数永远不会执行。

  • clearQueue

clearQueue(queuename),该方法用于停止队列中所未执行的函数。

fadeIn、fadeOut、fadeTo

  • fadeIn

fadeIn(speed,callback),speed是一个可选参数,数值的单位是毫秒,也可以选择“slow”、“normal”、“fast”。该方法用于元素的淡入效果。

  • fadeOut

fadeOut(speed,callback),该方法用于元素的淡出效果。

  • fadeTo

fadeTo(speed,opacity,callback),opacity是一个必需参数,表示淡入淡出的透明度,介于0.00与1.00之间。该方法的作用是将被选元素的透明度逐渐变为指定的值。

hide、show、toggle

  • hide

hide(speed,callback),将被元素进行隐藏。

  • show

show(speed,callback),将隐藏的被选元素进行显示。

  • toggle

toggle(speed,callback,switch),该方法用于切换可见状态,switch是一个可选参数,bool类型。True - 显示所有元素,False - 隐藏所有元素。如果设置此参数,则无法使用 speed 和 callback 参数。

slidDown、slidUp、slidToggle

  • slidDown

slidDown(speed,callback),以滑动的方式,显示隐藏元素。

  • slidUp

slidUp(speed,callback),以滑动的方式,将隐藏的元素显示出来。

  • slidToggle

slidToggle(speed,callback),以滑动的方式切换元素的可见状态。

stop

stop(stopAll,goToEnd),该方法用于停止正在进行的动画,可选参数stopAll,是一个bool类型,规定是否停止所有加入队列的动画。可选参数goToEnd,也是一个bool类型,规定是否要完成当前的动画,再停止。只有设置了stopAll这个参数,才能设置这个参数。

 

 

猜你喜欢

转载自blog.csdn.net/wzyaiwl/article/details/90147099