Slide in jQuery

Question

jQuery를 처음 사용합니다. 나는 SlideUp 및 Down과 같은 기능을 배웠지 만 Slide Left 및 Right와 같은 것을 찾을 수는 없습니다.

가로 슬라이드 효과가있는 콘텐츠 슬라이드를 만들고 싶습니다. 나는 그것에 수직 슬라이딩을 달성했다. 기존 플러그인이나 라이브러리를 사용하고 싶지 않습니다. 나는 내 자신을 만들고 싶다.

나를 안내하십시오!

Answer 1

Here adpoted 될 수있는 서로 다른 방향으로 밀어 요소 중대한 가이드이다.

Answer 2

설명한대로 animate() 함수를 사용하여 here과 같은 기능을 사용하여 애니메이션하려는 요소의 width 속성을 조정할 수 있어야합니다.

해당 페이지에는 여러 가지 예가 나와 있으므로 원하는 효과를 얻으려면 그곳에있는 것들을 가지고 놀 수 있어야합니다.

Answer 3

아마도 JCycle이 적합 할 수 있습니다. 그것은 슬라이드를 변경하는 많은 지원 등의 위, 아래로, 왼쪽, 오른쪽, ..., 페이드 인/아웃

이 웹 사이트에서 다운로드하여보기 데모 수 : an example이 animate()을 사용하고 여기에 http://jquery.malsup.com/cycle/

Answer 4

. 이것은 쉽게 jQuery를 함수보다는 JS 함수

$('#slidein').click(function(){ 
    $('div').stop().animate({ 
     'width':'500px' 
    }, 500); 
}); 

$('#slideout').click(function(){ 
    $('div').stop().animate({ 
     'width':'0px' 
    }, 500); 
});