Question

所以我有一个背景图片和顶部的蒙面图像。我有一组四个按钮，我想在点击它们时将顶部图像移动到不同的位置。我一直在测试jquery animate函数，但之后我无法将图像恢复到原始状态，我知道这可能是错误的方法，但这是我到目前为止我的jquery：

<script>

$("#right").click(function() {
$("#content").animate(
        {"left": "+=200px"},
        "slow");
});
$("#left").click(function() {
$("#content").animate(
        {"left": "-=200px"},
        "slow");
});

$("#farRight").click(function() {
$("#content").animate(
        {"left": "+=400px"},
        "slow");
});


</script>

任何帮助将不胜感激！

Answer 1

您需要存储原始位置，以便返回。我将使用jQuery的data方法来执行此操作：

$("#content").data("originalPosition", $("#content").position());

$("#return").click(function() {
    $("#content").animate({
        "left": $("#content").data("originalPosition").left
    }, "slow");
});

http://jsfiddle.net/ryanbrill/KPLTy/

一个div上有多个动画

1 个答案: