2011-02-08 4 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

답변

1

widthleft으로 변경하면 안됩니까? 이

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

예 답이 맞지만 왼쪽에 값을 입력해야합니다 - 토글이 작동하지 않습니다. 예를 들어 left : '400px' – Ash

+0

@Ashley; "left :"- = 200px "는 내 의견에서 귀하의 질문에 언급 한 것처럼 상대적으로 움직일 것입니다. – falstro

+0

@roe : 완벽 함, 내가 찾던 것을 찾았습니다. – Ash

0

시도 JQuery UI. 좋은 효과가 많이 나옵니다.