我的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函数添加一个完整的选项?我已经尝试查看文档和一些示例,我尝试过的几乎就是我所见过的。
答案 0 :(得分:1)
我不明白for循环的目的。尝试只调用animate()一次:
$(document).ready(function() {
$("#animate-gif").animate({backgroundPositionX: "100%"}, 500, function() { alert("finished"); });
});
您的完整功能看起来很好。您是否可以选中“不允许此页面显示弹出窗口”?
我还建议使用console.log()而不是alert()。
答案 1 :(得分:0)
.animate
的一般语法是
$("selector").animate({"param":"value","param","value"},time,callback_function);
完成动画后将调用回调函数
还有其他选项,例如"step", "complete"
以及更多
您可以查看fiddle我将使用其中一些
的地方