Jquery(05)Jquery 动画

一、基本效果

  • .show():显示匹配元素

    .show()
    .show( [duration ] [, complete ] )
    .show( options )
    .show( [duration ] [, easing ] [, complete ] )
  • .hide():隐藏匹配的元素。
  • .toggle():显示或隐藏匹配元素。
    .toggle( [duration ] [, complete ] )
    .toggle( options )
    .toggle( [duration ] [, easing ] [, complete ] )
    .toggle(display)

二、滑动

  • .slideDown():用滑动动画显示一个匹配元素。
  • .slideToggle():用滑动动画显示或隐藏一个匹配元素。
  • .slideUp():用滑动动画隐藏一个匹配元素。

三、渐变

  • .fadeIn():通过淡入的方式显示匹配元素。
  • .fadeOut():通过淡出的方式隐藏匹配元素。
  • .fadeTo():调整匹配元素的透明度。
  • .fadeToggle():通过它们的不透明度动画,显示或隐藏匹配的元素。

四、自定义

  • .animate():执行一个CSS属性设置的自定义动画。
  • .delay():设置一个延时来推迟执行队列中后续的项的执行。
  • .stop():停止匹配元素当前正在运行的动画。
  • .finish():停止当前正在运行的动画,删除所有排队的动画,并匹配元素完成所有的动画。
  • .queue():显示或操作匹配的元素上已经执行的函数列队。
  • .dequeue():执行匹配元素队列的下一个函数。
  • .clearQueue():从列队中移除所有未执行的项。

五、设置

原文地址:https://www.cnblogs.com/springsnow/p/9461738.html