easy

DocsVersion : 1.0.0

hide( [ duration, easing, complete ] )

原型方法Define in : anim.js

如果有 duration 参数,匹配元素将以多种组合动画的效果隐藏,没有 duration 参数则直接隐藏元素,没有任何动画。如果要以多种组合动画效果来显示匹配元素,请使用 show

参数
  • duration
    Number
    可选

    完成动画所需的时间,默认的时间是 400ms。只接受数值类型的属性值,单位是 ms。

  • easing
    String
    可选

    缓动效果的名称,支持的缓动效果有:
    linear( 匀速运动 ), easeIn, easeOut, easeBoth, easeInStrong, easeOutStrong, easeBothStrong, easeOutQuart, easeInOutExpo, easeOutExpo, swing, swingFrom, swingTo, backIn, backOut, bounce.
    默认的缓动效果是 swing。
    如果上面这么多缓动效果都不能满足你的需求,还可以对 E.easing 对象进行扩展,这样就可以支持自定义的缓动效果,easy.js 支持的是单个参数的缓动函数。如果要传该参数,第一个参数不能省略。

  • complete
    Function
    可选

    动画完成时执行的回调函数,该回调函数的 this 指向动画元素。如果要传该参数,前两个参数不能省略。

返回值
  • easyJS Object

    返回 easyJS Object 自身,便于链式调用。

例子1

直接隐藏 div 元素,没有动画效果。

box1
E( '#box1' ).hide();

运行

例子2

将 div 元素以多种组合动画的效果显示出来,并设置动画时间和回调函数。

box2
E( '#box2' ).hide( 600, 'linear', function(){
    alert( E(this).is(':hidden') );
});

运行