一个div上有多个动画

时间:2013-04-11 23:33:57

标签: jquery image

所以我有一个背景图片和顶部的蒙面图像。我有一组四个按钮,我想在点击它们时将顶部图像移动到不同的位置。我一直在测试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>

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

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

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

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

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