7 秒幻灯片图像后的 Javascript

Question

http://jsfiddle.net/UWLsB/189/

我试图让图片在 7 秒后向左滑动，为什么它不起作用？

HTML:

<div id="container">
    <div id="pack">
        <img id="pack" src="http://imgur.com/uGMzOGM.png">
    </div>

Javascript:

function FetchData() {
    $("#pack").css('margin-left', 0);
    $("#pack").css('margin-right', 0);
    $("#pack").animate({
        left: '-1000px'
    }, 'slow');
});
}
setTimeout(FetchData, 7000);

CSS:

#pack {
    margin: 5px auto;
    position:fixed;
}
#container {
    overflow:hidden;
}

Answer 1

你只是有一个语法错误。 }); 行应该完全删除:

http://jsfiddle.net/UWLsB/190/

我想你打算使用在同一行上有 } 和 ) 的语法，或者从一些教程中得到它，比如:

setTimeout(function () {
    // .animate call stuff here
}, 7000);

顺便说一下，你可以纯粹用 CSS 使用动画来做到这一点:

http://jsfiddle.net/UWLsB/192/