Jquery-常用动画方法

2019独角兽企业重金招聘Python工程师标准>>>

1.show hide toggle
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
2.fadeIn fadeOut fadeToggle fadeTo
$(selector).fadeIn(speed,callback);淡入可见元素
$(selector).fadeOut(speed,callback);淡出可见元素
$(selector).fadeToggle(speed,callback);轮流切换效果
$(selector).fadeTo(speed,opacity,callback);opacity 透明度0-1
3.slideDown slideUp slideToggle
$(selector).slideDown(speed,callback);向下滑动
$(selector).slideUp(speed,callback);向上滑动
$(selector).slideToggle(speed,callback);
4.animate
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
5.stop
$(selector).stop(stopAll,goToEnd);
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false。只停止当前动画
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
6.delay
$(selector).delay(speed,queuename);
可选的 speed 参数延迟时长。queuename默认是动画队列Fx

 

转载于:https://my.oschina.net/dajianguo/blog/899238