jQuery 自带的动画效果

时间:2023-03-08 23:39:21
jQuery 自带的动画效果

1.方法:

  • show:显示选中元素。
  • hide:隐藏选中元素。
  • toggle:显示或隐藏选中元素。
  • fadeIn:将选中元素的不透明度逐步提升到100%。
  • fadeOut:将选中元素的不透明度逐步降为0%。
  • slideDown:垂直向下滑动显示选中元素。
  • slideUp:垂直向上滑动隐藏当前元素。
  • slideToggle:垂直向上或向下滑动的形式折叠或展开选中元素。

  

2.语法:   

  $(selector).方法名([speed], [callback]);

    -- speed:可选,表示速度。默认“normal”。

          可取值

        • 毫秒 (比如 1500)
        • "slow"
        • "normal"
        • "fast"    

    -- callback:可选,回调函数。 

3.调用:

  $(".toggle").toggle();

  $(".toggle").toggle(250);

  $(".toggle").toggle('fast');