JQuery:如何将运动与淡出相结合

JQuery:如何将运动与淡出相结合,jquery,fade,slide,Jquery,Fade,Slide,我有一个箭头的图像,我想,onclick,向左移动,比如说200px,当它移动的时候,它的不透明度应该为0 到目前为止,我已经: jQuery.fn.slideFadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle', width: 'toggle'}, speed, easing, callback); }; 哪种方式有效,但它不会移动对象,而是减小了对象的

我有一个箭头的图像,我想,onclick,向左移动,比如说200px,当它移动的时候,它的不透明度应该为0

到目前为止,我已经:

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

哪种方式有效,但它不会移动对象,而是减小了对象的宽度。如何同时实现淡入淡出的“运动”效果?

试试。它附带了很多很好的效果…

您是否应该将
宽度
更改为
左侧

像这样

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

你在找这样的东西吗<代码>$('#myobject')。设置动画({left:'-=200px'})。淡出()它们是异步的,所以只需将它们链接起来即可。是的,这是正确的答案,但您需要在左键中输入一个值-切换不起作用-您必须指定,例如左键:“400px”@Ashley<代码>左:“-=200px”将做一个相对的移动,正如我在对你的问题的评论中提到的那样。@roe:太好了,正是我想要的