的Javascript7秒幻灯片图像后(Javascript after 7 seconds sli

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/

Answer 2:

http://jsfiddle.net/UWLsB/191/

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

你还可以使功能的前两行成一个类似这样的

$("#pack").css({"margin-left": "0", "margin-right": "0"});

文章来源: Javascript after 7 seconds slide image