목록#Tabs (3)

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

[해피CGI][cgimall] 스크롤링 탭 메뉴 플러그인 - ScrollTabs

- 라이센스 MIT - 사용 방법 1. 파일 상단에 ScrollTabs 플러그인 CSS 파일 링크를 걸어줍니다. 2. jQuery 라이브러리와 ScrollTabs 플러그인 JS 파일 링크를 걸어줍니다. 3. 스크롤이 가능한 탭에서 마우스 휠을 활성화 할 수 있도록 mosewheel 플러그인 JS 파일 링크를 걸어줍니다. 4. 아래와 같이 탭 메뉴를 구성합니다. 5. ScrollTabs 플러그인을 호출합니다. 6. 아래와 같은 옵션들을 설정할 수 있습니다. 7. API의 메소드는 홈페이지를 참고하세요.
웹프로그램밍 자료실/JAVA 자료 2020. 1. 10. 09:14
[해피CGI][cgimall] 탭메뉴 에니메이션 Tab Bar Menu Animation

탭메뉴 클릭시 타이틀 텍스트가 출력됨고 동시에 위치가 변하는 에니메이션 효과입니다. html,css,js 파일을 사용합니다.
웹프로그램밍 자료실/JAVA 자료 2019. 11. 7. 09:15
[해피CGI][cgimall] jquery를 이용한 탭메뉴와 요소레이어 연결 Tabs 소스

jquery를 이용한 탭메뉴와 요소레이어 연결 Tabs 소스 탭메뉴를 클릭시 분리된 레이어 요소 콘텐츠가 서로 바뀌어서 출력됩니다. jquery UI를 연결하고 손쉽게 레이어 추가하여 탭개수를 늘릴 수 있습니다. 탭메뉴는 다양한 페이지에 사용되는 기본 소스인데, 손쉽게 사용이 가능하네요. 관련 소스는 해당 페이지내 "view source" 버튼을 클릭해서 나오는 소스를 긁어서 사용하시면 됩니다.
웹프로그램밍 자료실/JAVA 자료 2018. 8. 2. 08:58
Prev 1 Next