如何使用jquery在另一个div内移动div(包含图像)

时间:2012-07-11 08:41:19

标签: jquery jquery-ui

我需要将图像div移动到其他具有效果和动画的div。 我怎么能这样做?

我的代码:

    var div2Pos = $("#marque").position();
    var div2Width = $("#marque").css("width");
    var div2Height = $("#marque").css("height");

    $("#img-div").animate({'left':div2Pos.left, 'width':div2Width, 'height':div2Height}, 1000);

其中'#marque'是我的目标div而'#image-div'是我原来的div

提前致谢

1 个答案:

答案 0 :(得分:0)

你需要让元素absalut将它设置为destnation的absalout位置,当anaimation结束时删除并附加elemt并删除absalut位置

          var des = $(".destnation").position();
        var el = $(".toMove");
        el.css("position", "absolute");
        el.animate({ top: des.top+"px" ,left :des.left+"px"}, 2000, undefined, function () {
            el.remove().appendTo(".destnation").css("position", "static");
        });

见fiddler示例 http://jsfiddle.net/yamsalm/3U52z/