Question

我需要将图像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

提前致谢

Answer 1

你需要让元素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/

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

1 个答案: