Jquery-常用动画方法

最新推荐文章于 2023-08-27 21:12:31 发布

weixin_34292287

最新推荐文章于 2023-08-27 21:12:31 发布

阅读量348

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/dajianguo/blog/899238

本文详细介绍了使用jQuery实现的各种动画效果，包括显示隐藏、淡入淡出、滑动等，并解释了如何通过animate方法自定义动画及如何控制动画队列。

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