如何减慢这个JQuery效果?

时间:2013-09-05 19:28:37

标签: javascript jquery effects jquery-effects

代码:

    <script>
$(document).ready(function() {

  $('.sync_box').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');

    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('.sync_box').stop().animate({height: heights });
  });
});
    </script>

在这个脚本中我可以添加时间来减慢速度吗?我相信这是显而易见的,但我是jquery / js的新手,所以有点困惑。请帮忙。谢谢!

2 个答案:

答案 0 :(得分:2)

<script>
$(document).ready(function() {

  $('.sync_box').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');

    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('.sync_box').stop().animate({height: heights },2000);
  });
});
</script>

上面编辑的例子。 2000年是毫秒。

参考http://api.jquery.com/animate/

答案 1 :(得分:1)

$('.sync_box').stop().animate({ height: heights }, TIME_IN_MS);

有哥们。

请务必检查jquery animate api here