jQuery : 전체 페이지 가로 슬라이드

Question

누구나 전체 페이지 슬라이드를 왼쪽 및 오른쪽으로 도울 수 있습니까? 링크가있는 고정 헤더를 만들고 하단 div를 왼쪽이나 오른쪽으로 밀기를 원합니다. sample webpage

Answer 1

이 예에서는 주 콘텐츠의 가로 길이가 x 픽셀이라고 가정 해 보겠습니다.

너비가 3 배인 div를 만듭니다.이 div에는 3 개의 인라인 div가 각각 x 픽셀만큼 있습니다.

이제 가장 바깥 쪽 div의 margin-left을 조정하여 슬라이딩을 시뮬레이션 할 수 있습니다. margin-left이 0이면 가장 왼쪽의 하위 div가 표시됩니다. 이 값이 -x이면 가운데 내용이 표시됩니다.

바깥 쪽 div에 overflow:hidden을 설정했는지 확인하십시오.

시작하기에 충분합니다. 당신을 위해 코드를 작성할 사람을 찾는 것이 아니라면.

Answer 2

초대형에서 봐, 그것은 http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

도 JQuery와 전체 페이지 슬라이더를 위해 구글, JQuery와 플러그인입니다, 그들의 톤이있다

전

: http://machoarts.com/21-beautiful-jquery-sliders-for-your-next-project

Answer 3

필자는이 성공적으로 http://srobbin.com/jquery-plugins/pageslide/을 사용 용도가

이지만 jquery.pageslide.css에서 너비를 100 %로 설정해야합니다.