easy

DocsVersion : 1.0.0

slideDown( [ duration, easing, complete ] )

原型方法Define in : anim.js

以向下滑动的效果来显示匹配元素,如果要以向上滑动的效果来隐藏匹配元素,请使用 slideUp

参数
  • 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 元素以向下滑动的效果显示出来。

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

运行

例子2

将 div 元素以向下滑动的效果显示出来,并设置动画时间和回调函数。

E( '#box2' ).slideDown( 'slow', 'easeInStrong', function(){
    E( this ).text( 'done' );
});

运行