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

[해피CGI][cgimall] PowerTip Ver1.3.0 본문

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

[해피CGI][cgimall] PowerTip Ver1.3.0

해피CGI윤실장 2017. 2. 16. 09:43
* PowerTip 소개
- PowerTip은 사용자 정의가 쉽고 툴팁을 사용하기 위한 여러 가지 방법을 제공을 제공



* License

- 무료라이센스(LICENSE.txt 파일참조) 



* 제공기능

- 마우스오버, 아웃 툴팁 기능제공
- 사용자 설명 추가 및 상호작용
- 쉬운 사용자 정의
- 키보드 탐색
- 부드러운 페이드인, 페이드아웃
- 모든 유형의 요소에서 작동
- 복잡한 콘텐츠 지원(동작 및 이벤트 마크업)
- 사용자 정의 열기 및 닫기 이벤트 핸들러 지원



* 코드구조


css 및 js 파일 선언부




 

툴팁문구 및 스크립트 선언부




아래와 같은 툴팁 결과를 확인할 수 있다





툴팁문구를 넣고 poweTip 메서드를 이용하여 스크립트 옵션을 선언하여 효과를 줄 수 있는데
위의 예제 이외에도 아래와 같이 선언도 가능하다




 
간편하게 툴팁을 사이트 웹페이지에 적용하기 편리하므로
기존 툴팁교체나 신규로 툴팁을 적용하기 위해 찾고 있었다면 유용하게 사용할 수 있을것으로 생각된다

 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] clock-style timepicker with jQuery  (0) 2017.02.20
[해피CGI][cgimall] CKEditor 플러그인 Emojione  (0) 2017.02.17
[해피CGI][cgimall] jquery scroll path Ver1.1.1  (0) 2017.02.15
[해피CGI][cgimall] jQuery 셀럭터를 간편하게 연습할 수 사이트  (0) 2017.02.14
[해피CGI][cgimall] CKEditor Moono Dark Skin Ver 4.4.2  (0) 2017.02.13
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments