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

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

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

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

해피CGI윤실장 2016. 12. 2. 09:13
* Intro.js 소개

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



* 라이센스
 
- GNU AGPLv3



* 사용방법

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





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







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





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

 

 

홈페이지바로가기 

Comments