애니메이션을 내 보냅니다.

Question

링크가 있는데, 사용자가 링크를 클릭하면 jquery가 링크에서 벗어난 상자에 애니메이션을 적용하기를 원합니다.

나는 아래의 코드를 사용하여 그렇게 할 그것을 가지고 :

box.animate({width: 500px, height:500px}, "fast"); 

을하지만이 바닥에 미끄러지. 그러나 나는 그것이 정상쪽으로 미끄러지게한다? 또한 어떻게 측면을 "뒤집을"수 있습니까 (현재 슬라이드가 오른쪽으로 이동합니다. 어떻게 왼쪽으로 슬라이드 할 수 있습니까?).

Answer 1

변경의 위치뿐만 아니라,

$('#box').animate({width: '500px', 
        height:'500px', 
        'left': '-=500px', 
        'top':'-=500px'}, "fast"); 

Answer 2

항목이 화면 위쪽이나 왼쪽을 향한 것처럼 보이게 배치하십시오. 편의상 JQuery UI 위치를 사용하여 요소를 배치 할 수 있습니다. 그런 다음 JQuery.hide() 요소를 숨기고 효과 매개 변수를 side로 설정하여 JQuery.show()를 사용합니다.