jQuery.animate - 动画非常快

时间:2010-11-17 15:54:47

标签: jquery jquery-ui javascript-framework jquery-animate

jQuery('.slide').css('opacity','1').animate({

            opacity: 0
        }, {
            duration: 9999,
            complete: function() {
                this.moveSlideAcross(); // animates a slide across the screen
            }
        });

我已经设置了9999的持续时间,它的动画非常快。任何想法如何减慢它?

2 个答案:

答案 0 :(得分:3)

删除第二组大括号。

jQuery('.slide').css('opacity','1').animate(
    {
        opacity: 0
    },
    9999,
    function() {
        this.moveSlideAcross(); // animates a slide across the screen
    }
);

编辑:道歉,因为这不起作用。我不认为我理解jquery和我 应该。我会更好地了解它并在我更好理解时解决这个问题。

edit2:实际上这确实有用:)干杯!

答案 1 :(得分:1)

我认为存在语法错误。试试这个:

$('.slide').css('opacity','1').animate(
  {
    opacity: 0,
    left: 0, //your left pos
    top: 0 // your top pos
  },
  9999,
  function() {
    //completion code
  }
);

在与不透明度相同的声明中使用top / left,以确保您不会离开动画的范围。