웹솔루션개발 25년 노하우! 해피CGI의 모든것

* Slide Out Box Menu 각 섹션별로 원하는 페이지를 슬라이드 하여 보여주는 기능을 가진 플러그인입니다 첨부된 압축파일을 다운받아 적용하고자하는 웹루트 디렉터리에 압축을 해제합니다 기본제공되는 css 파일을 문서상단에 호출합니다 아래와 같이 각 섹션페이지 별로 슬라이드해줄 컨텐츠를 삽입합니다 detail 레이어 부분 코드 body 태그 위에 제공되는 js 파일을 삽입합니다 위와 같이 적용하였을때 슬라이드 페이지 및 레이어로 정보를 노출하고 싶은 부분을 보여줄 수 있습니다 첨부된 압축파일에 제공되는 샘플파일들을 참고 및 응용하여 작업하면 도움이 될것 같습니다

SlideMenu.js는 모바일 터치를 지원하는 쉬운 오프 캔버스 메뉴입니다. * License - MIT License * 설치방법 - 첨부된 압축파일을 다운로드하여 압축해제후 원하는 경로에 업로드한다 - html 문서상에서 부분에 아래와 같은 코드를 삽입해줍니다 jquery 파일 호출은 SlideMenu 파일들이 호출되기전에 호출해야합니다 - 간단히 적용된 샘플코드는 아래와 같습니다 - 슬라이드 메뉴 옵션은 다음과 같습니다 옵션 설명 options.percent 메뉴를 여는 최소크기를 지정합니다(기본값 0.25) options.area 왼쪽에서 터치 영역의 크기를 지정합니다(기본값 0.1) options.debug 콘솔을 통한 응용 프로그램 출력을 설정합니다(기본값 false) options.clos..

css 와 js 를 이용한 반응형 상단고정 슬라이드 메뉴입니다. 스크롤시 상단에 네이게이션이 고정됩니다. 네이게이션에 메뉴 클릭시 해당 내용이 슬라이딩으로 출력 스크롤만 하더라도 페이지 이동과 함께 네이게이션에 현재위치가 표시가 됩니다.