2011-02-08 52 views
0

我有一个箭头图像,我想,onclick,移动左边说200px,而 - 当它移动它应该褪色到0不透明。JQuery:如何结合运动和淡出

到目前为止,我有:

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

哪种作品,但它不动它减少它的宽度而不是对象。如何在同一时间实现淡入淡出的“运动”效果?

+0

您正在寻找这样的事情? `$('#myobject')。animate({left:' - = 200px'})。fadeOut();`它们是异步的,所以只需链接它们。 – falstro 2011-02-08 12:59:49

回答

1

你不应该改变widthleft

像这样

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

是的这是正确的答案,但你需要把一个值左 - 切换不起作用 - 你必须指定例如left:'400px' – Ash 2011-02-08 13:06:02

0

尝试JQuery UI。它带有很多不错的效果...