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

탭을 클릭하면 해당 탭의 컨텐츠가 슬라이딩 되면서 변경됩니다. css와 js 로 구현되어 있습니다. 해당 사이트에서 소스코드 확인 및 다운로드가 가능합니다. 첨부파일에서 소스를 다운로드 받으실 수 있습니다.

* jquery Sliding Panels Template - 선택된 프로젝트에 대한 내용을 슬라이드 효과로 보여주는 기능이 있습니다 * 사용방법 - HTML 구조는 정렬되지 않는 두개의 목록 , 프로젝트 미리보기 이미지의 ul.cd-projects-previews , ul.cd-projects-title nav.cd-primary-nav 로 구성됩니다 의 너비는 뷰포트 높이의 1/4에 해당하며 하위 요소의 배경이미지로 설정됩니다 높이가 뷰포트 높이와 같고 전체 뷰포트를 덮기 위해 맨위로 변환됩니다 .cd-projects > li 에서 각 목록 항목은 절대 위치, 너비와 높이가 각각 뷰포트 높이와 같으며 기본적으로 숨겨져 있습니다 HTML 문서에 적용하였을때 기본적으로 아래와 같이 코드가 삽입됩니다 cs..