공책

한페이지에 2개의 탭이 있고 탭 전환을 터치이벤트나 마우스클릭 이벤트로 스와이프 되게 구현한 것입니다. css 부분 각 div를 가로로 배열합니다. div.tab_right { left: 100%; } div.tab_left, div.tab_right { width: 100%; position: absolute; } 스크립트 페이지가 스와이프 되는 애니메이션 부분입니다. 단순하게 생각하여 두페이지를 나열하고 각페이지의 left값을 조정하여 좌우로 이동시키고 화면 밖으로 나간 div은 숨김처리하여 가로 스크롤이 나오지 않게 합니다. $(".tab_left").show().animate({ left : '0' }); $(".tab_right").animate({ left : '100%' }, function..