JQuery를 사용한 페이지 탐색

Question

웹 앱을 만들고 있습니다. 이 웹 응용 프로그램에는 4 개의 탭이 있습니다. 사용자가 탭을 클릭하면이 사이트와 비슷한 내용으로 슬라이드 할 것입니다 : http://carrotcreative.com.

이 기능을 제공하기 위해 권장되는 jQuery 플러그인이 있습니까? 나는 좋은 것을 찾을 수없는 것 같습니다.

Answer 1

간단한 jquery 코드를 사용하면됩니다. 당신은 당신이 애니메이션을 사용하여 이동하고 스크롤

<ul id="nav"> 
    <li>page1</li> 
    <li>page2</li> 
</ul> 


<div class="mask"> 
    <div class="container"> 
    <div class="page"> 
    </div> 
    <div class="page"> 
    </div> 
    </div> 
</div> 

.mask { overflow: hidden; } 
.page { float: left; } 

이 다음

$container = $('.container'); 
$pages = $container.find('.page'); 
$('#nav li').each(function(i) { 
    $(this).click(function() { 
    $container.stop().animate('margin-left', -$pages.eq(i).offest().left); 
    }); 
}); 

이 작동합니다 애니메이션을 사용하지 않도록 외부 사람이 마스크로 사용됩니다 2 명 div의 하나에 모든 페이지를 넣을 필요 그러나 나는 그것을 시험하지 않았다.