JQuery：如何将运动与淡出结合起来答案

【问题标题】：JQuery : How to combine motion with fadeoutJQuery：如何将运动与淡出结合起来
【发布时间】：2011-06-23 10:14:04
【问题描述】：

我有一个箭头的图像，我想在点击时向左移动 200 像素，并且 - 当它移动时，它应该褪色到 0 不透明度。

到目前为止我有：

jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
        return this.animate({opacity: 'toggle', width: 'toggle'}, speed,
easing, callback);
};

哪种方法有效，但它不会移动对象，而是减小它的宽度。如何实现同时淡入淡出的“动感”效果？

【问题讨论】：

您在寻找这样的东西吗？ $('#myobject').animate({left: '-=200px'}).fadeOut(); 它们是异步的，所以只需将它们链接起来。

标签： jquery fade slide

【解决方案1】：

你不应该把width改成left吗？

这样

jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle', left: 'toggle'}, speed, easing, callback);
};

【讨论】：

是的，这是正确的答案，但您需要在左侧输入一个值 - 切换不起作用 - 您必须指定例如 left : '400px'
@Ashley; left: "-=200px" 将进行相对移动，正如我在对您的问题的评论中提到的那样。
@roe : 完美，正是我想要的

【解决方案2】：

试试JQuery UI。它附带了很多不错的效果...

【讨论】：