웹솔루션개발 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 메서드를 이용하여 스크립트 옵션을 선언하여 효과를 줄 수 있는데
위의 예제 이외에도 아래와 같이 선언도 가능하다




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

 

홈페이지바로가기 

Comments