2010-11-30 6 views
0

jquery를 사용하여 페이드 인하는 동안 div를 슬라이드 할 수 있습니까? 스타일 시트에 명시된 위치에서 약간 벗어날 필요가있을 것입니다.슬라이드 및 페이드 jquery

그래서 예를 들어,이 사업부는 0의 요소를 가정하면 0

<div id="pageintro">We are a wholly independent</div> 

답변

1

에서 100 %로 페이딩 동안 이미 숨겨져 왼쪽/불투명도에서 미끄러 :

$('#pageintro').animate({ 
    opacity: 1, 
    left: '+=100' 
}, 1000); 

위에게 예제는 정의 된 '왼쪽 :'CSS 속성이있는 요소에만 적용됩니다.

$('#pageintro').animate({ 
    opacity: 1, 
    marginLeft: '+=100' 
}, 1000); 

이것은 대부분의 요소에 작동 :)

을 이들은 1 초에서 왼쪽에서 오른쪽으로 100 픽셀 요소를 이동 불투명도 0 내지 1 (완전히 표시)로된다.

:

+0

는 페이드를 작동하지만 그것은 왼쪽에서 이동 나던 오른쪽으로 ... : 0) – Andy

+0

"marginLeft : '+ = 100'"을 시도하십시오. :) 왼쪽은 위치에서만 작동합니다. 상대방과 CSS 왼쪽 속성이 정의되었을 때 :) –

+0

wicked ta, 대단한 도움! – Andy

관련 문제