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

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