Question

我的html中有一个gif图像。我想让图像“走路”所以我正在使用jquery .animate()走路很好，现在，一旦它到达屏幕的另一侧，我想隐藏图像所以我正在尝试使用完整的选项。我的代码看起来像这样：

$(document).ready(function() {
for(var i = 0; i < 500; i = i + 20) {
         $("#animate-gif").animate({backgroundPositionX: i}, 50, 
             function() { alert("finished"); }); }
});

但是，警报未显示。我也尝试过以下方法：

duration : 50, complete : function()

{backgroundPositionX: i}, {duration : 50, complete :function()

但是没有用，我在调试器中收到警告“意外的令牌：”。所以我的问题是，你究竟如何为jquery中的animate函数添加一个完整的选项？我已经尝试查看文档和一些示例，我尝试过的几乎就是我所见过的。

Answer 1

我不明白for循环的目的。尝试只调用animate（）一次：

http://jsfiddle.net/W5SjR/1/

$(document).ready(function() {
    $("#animate-gif").animate({backgroundPositionX: "100%"}, 500, function() { alert("finished"); });
});

您的完整功能看起来很好。您是否可以选中“不允许此页面显示弹出窗口”？

我还建议使用console.log（）而不是alert（）。

Answer 2

.animate的一般语法是

$("selector").animate({"param":"value","param","value"},time,callback_function);

完成动画后将调用回调函数

还有其他选项，例如"step", "complete"以及更多

您可以查看fiddle我将使用其中一些

的地方

使用jquery动画的完整选项

2 个答案: