jQuery中实现动画效果的基本操作介绍

186 阅读 0 评论 123 点赞

我是靠谱客的博主潇洒橘子，最近开发中收集的这篇文章主要介绍jQuery中实现动画效果的基本操作介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

动画效果

show():显示

hide()隐藏

$().toggle():显示和隐藏效果切换

都可以传入参数，speed.

fadeOut(淡出)

fadeIn(淡入)

fadeToggle();淡入淡出切换

fadeTo(2000,0.3)将图片显示到透明度为30%的程度

滑动显示

slideDown()：

slideUp():

slideToggle():

都可以传入一个speed参数。

$(':animated');获取正在执行动画的元素。

将正在执行动画的元素停止：

$(':animated').stop():停止当前的动画。

stop(true)表示清除队列中的所有的动画，即动画立即停止，如果不传递参数，只是立刻停止当前的动画。

$(':animated').stop(false,true)第二个参数为true表示停止当前正在执行的动画，并且将元素设置为当前动画执行结束处的位置。

以上就是潇洒橘子为你收集整理的jQuery中实现动画效果的基本操作介绍的全部内容，希望文章能够帮你解决jQuery中实现动画效果的基本操作介绍所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。