javascript - jquery动画移动和停止

Question

我使用查询得到了一个带有图像的 div

                $('#super').animate({
                left:'150px'
                }, {
                duration: 10000,});

我想弄清楚的是如何停止和启动动画。例如，它将开始向左移动 150 像素，然后停止 2 秒，然后向左移动 300 像素。

Answer 1

像这样：

$('#super').animate({left : '-=150'}).delay(2000).animate({left : '-=300'});

演示：http: //jsfiddle.net/E7akr/

（您可以根据需要为调用添加持续时间、缓动和完整设置.animate()- 显然这里的关键是.delay()方法。）