JQuery 动画

1.三种方式显示和隐藏元素

  

  1.默认显示和隐藏方式

  使用方法  直接  选择器获取对象后  jq对象.show(参数,...)
    1.show([speed,[easing],[fn]])
      * speed:速度 三个预定义值(“slow”“fast”“normal”)或毫秒值
      * easing:默认参数swing 可选参数linear
        * swing 先慢中间快再慢
        * linear 匀速
      * fn :每次动画执行完毕 执行函数

      *例:

        $("#showDiv").hide("slow","swing",function(){
          alert("隐藏了...")
        });

    2.hide([speed,[easing],[fn]])

  2.滑动显示和隐藏方式

    1.slideDown([speed,[easing],[fn]])
    2.slideUp([speed,[easing],[fn]])
    3.slideToggle([speed,[easing],[fn]])

    参数解释同上

  3.淡入淡出显示和隐藏方式
    1.fadeIn([speed,[easing],[fn]])
    2.fadeOut([speed,[easing],[fn]])
    3.fadeToggle([speed,[easing],[fn]])

    参数解释同上

posted @ 2020-02-06 20:22  子上123  阅读(101)  评论(0)    收藏  举报