웹솔루션개발 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