JQuery 插件动画将一个 dom 元素移动到另一个

Posted 2023-05-08

【中文标题】JQuery 插件动画将一个 dom 元素移动到另一个

【英文标题】：JQuery plugin to animate moving one dom element into another

【发布时间】：2011-12-14 15:18:13

【问题描述】：

我想实现一个动画，其中一个 dom 元素移动到另一个，缩小并最终消失。考虑一下当他将商品添加到购物车时我想向用户显示的动画。是否有实现此功能的插件或一个简单的 jquery 脚本？

这是我想要的东西。 - http://pastebin.me/638d1947c4d20da4eccd6542887caf27

这里的元素被追加到另一个 dom 元素。我不想附加它，我正在寻找的只是动画。

【问题讨论】：

与您的问题重复：***.com/questions/1279957/…。您也可以添加.animate() 功能。您不需要为此使用插件

这不是我想要的。我只想为移动设置动画。我不想将 dom 元素附加到另一个元素。

【参考方案1】：

事实证明这很简单。我实现了这样的东西......

$('#HideDiv').animate(
    opacity: 0,
    left: '+=50',
    width: 0
, "slow", function() 
    $(this).hide();
);

【讨论】：

这不是问题中所问的，它清楚地表明您想要移动（如 shift）DOM 元素

@tunetosuraj - 这是一个我认为更容易实现的解决方法，因为 dom 元素位于相邻位置。为了更好地演示我想要什么，我编辑了我的问题。