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

[해피CGI][cgimall] jquery, Menu Hover Image Animation 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jquery, Menu Hover Image Animation

해피CGI윤실장 2020. 8. 14. 11:00

* Menu Hover Image Animation

이미지 호버 효과 (Image Reveal Hover Effects)를 제공하며 
메뉴 항목을 가리킬 때 멋진 애니메이션으로 이미지를 보여줍니다.



* License

MIT License




* 적용방법


첨부된 압축파일을 다운로드하여 적용할 웹루트 디렉터리에 압축을 해제하여 위치합니다
html 문서상에 상단에css 및 script 를 선언합니다

 

 

각 메뉴 및 이미지를 아래와 같이 선언합니다
(관련 class 참고 및 확인은 base.98fd6c19.css 에서 확인이 가능합니다)

 

 

body 끝나는 지점 윗부분에 js 파일을 불러오도록 선언해줍니다

 

 

페이지 호출시 아래와 같은 메뉴효과를 확인할 수 있습니다

 

첨부된 압축파일을 해제하여   index.html 파일의 예제를 보시면 도움이 되실겁니다


홈페이지바로가기

Comments