| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- #쇼핑몰
- #이미지
- #업종별
- 게시판
- CGIMALL
- #뉴스
- 해피CGI
- 사이트제작
- 솔루션
- #솔루션
- #웹솔루션
- #CSS
- #happycgi
- #동영상
- jquery
- CSS
- 해피씨지아이
- #해피CGI
- #jQuery
- #cgimall
- 쇼핑몰
- 홈페이지
- #홈페이지
- 웹솔루션
- 홈페이지제작
- #홈페이지제작
- #image
- php
- happycgi
- javascript
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Inline Menu Layout with Gallery Panel 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Inline Menu Layout with Gallery Panel
해피CGI윤실장 2021. 2. 18. 09:34* Inline Menu Layout with Gallery Panel
- hover 애미메이션 효과와 갤러리 컨텐츠의 미리보기 기능을 제공합니다
* License
- MIT License
* 사용방법
- 첨부된 압축파일을 원하는 디렉터리에 업로드후 압축을 해제합니다
적용할 html 문서안에 js,css 를 추가하여 로드합니다
메뉴에 hover 적용시 출력될 이미지와 링크태그를 삽입합니다
메뉴클릭시 하위 갤럴리식으로 출력될 코드를 추가합니다
적용된 코드를 브라우저로 확인하면 아래와 같이 출력됩니다
예제는 압축파일안에 dist/index.html 파일을 참고하시면 되겠습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] SVG로 구성한 특이한 JQuery 메뉴 (0) | 2021.02.22 |
|---|---|
| [해피CGI][cgimall] 좌측에서 나오는 메뉴 JQuery (0) | 2021.02.19 |
| [해피CGI][cgimall] Horizontal Smooth Scroll Layouts (0) | 2021.02.17 |
| [해피CGI][cgimall] 아코디언 메뉴 - flat accordion effect (0) | 2021.02.16 |
| [해피CGI][cgimall] JS Typewriter 자바스크립트로 나타내는 타이핑효과 (0) | 2021.02.15 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments