【问题标题】:JQuery plugin to animate moving one dom element into anotherJQuery 插件动画将一个 dom 元素移动到另一个
【发布时间】:2011-12-14 15:18:13
【问题描述】:

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

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

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

【问题讨论】:

  • 与您的问题重复:stackoverflow.com/questions/1279957/…。您也可以添加.animate() 功能。您不需要为此使用插件
  • 这不是我想要的。我只想为移动设置动画。我不想将 dom 元素附加到另一个元素。

标签: jquery jquery-plugins jquery-animate


【解决方案1】:

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

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

【讨论】:

  • 这不是问题中所问的,它清楚地表明您想要移动(如 shift)DOM 元素
  • @tunetosuraj - 这是一个我认为更容易实现的解决方法,因为 dom 元素位于相邻位置。为了更好地演示我想要什么,我编辑了我的问题。
猜你喜欢
  • 2013-07-20
  • 1970-01-01
  • 1970-01-01
  • 2015-12-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-07
  • 2011-11-06
  • 1970-01-01
相关资源
最近更新 更多