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

[해피CGI][cgimall] jQuery Tooltipster 본문

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

[해피CGI][cgimall] jQuery Tooltipster

해피CGI윤실장 2017. 4. 24. 09:16

Tooltipster 는 jquery로 만든 편리한 툴팁 프로그램 입니다


* License

- MIT License



* jquery 버전

-  jQuery 1.10 이상 필요



* 설치방법 및 샘플코드

- 첨부된 압축파일을 받아 해제 하고 css, js 를 아래와같이 head 부분에 선언해 줍니다





이미지와 툴팁에 들어갈 메시지 셋팅





툴팁로딩







기본스타일 외에 Tooltipster 는 다섯가지 테마를 아래와 같이 제공합니다











툴팁내부에 html 을 아래와 같이 사용할 수 있습니다






그리고 위와 같이 두개의 툴팁이 있는 경우 contentCloning 값을 true 로 설정하여야 합니다






그외에 다양한 옵션이 제공되며 아래는 샘플입니다





더많은 옵션을 확인하시려면 아래의 링크로 클릭하여 확인해주시기 바랍니다
http://iamceege.github.io/tooltipster/

 

홈페이지바로가기 

Comments