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

[해피CGI][cgimall] Intro.js Ver2.9.3 본문

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

[해피CGI][cgimall] Intro.js Ver2.9.3

해피CGI윤실장 2020. 10. 14. 09:12

* Intro.js 소개

- 사이트의 단계별,섹션별로 가이드가 가능하며 멘트나 이미지를 부각 시켜 수 있는 플러그인



* 라이센스
 
- GNU AGPLv3



* 사용방법

 기본제공되는 css 를 상단에 선언합니다

 




아래와 같이 단계별 가이드를 하여 내용을 부각시키기 위한  버튼을 만들어 줍니다
스크립트로 시작하여 data-step 옵션과 같이 몇단계에서 보여줄지 지정할 수 있습니다

 

 

 





마지막으로 intro.js 의 호출 부분으로 구성은 마무리 됩니다

 




위와 같이 단계별 tooltip 기능을 보여줌으로써 사이트의 차트 플로우나
내용이 복잡한 부분에 있어서 쉽게 설명해 줄 수 있을것으로 생각됩니다

 

 

 

홈페이지바로가기

Comments