일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 홈페이지
- #솔루션
- #해피CGI
- #cgimall
- #홈페이지제작
- #이미지
- #image
- #CSS
- #업종별
- #뉴스
- 해피CGI
- javascript
- jquery
- CSS
- 쇼핑몰
- #동영상
- #홈페이지
- 사이트제작
- #happycgi
- 솔루션
- php
- #쇼핑몰
- 해피씨지아이
- #jQuery
- CGIMALL
- 웹솔루션
- happycgi
- 홈페이지제작
- 게시판
- #웹솔루션
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] PowerTip Ver1.3.0 본문
* PowerTip 소개
- PowerTip은 사용자 정의가 쉽고 툴팁을 사용하기 위한 여러 가지 방법을 제공을 제공
* License
- 무료라이센스(LICENSE.txt 파일참조)
* 제공기능
- 마우스오버, 아웃 툴팁 기능제공
- 사용자 설명 추가 및 상호작용
- 쉬운 사용자 정의
- 키보드 탐색
- 부드러운 페이드인, 페이드아웃
- 모든 유형의 요소에서 작동
- 복잡한 콘텐츠 지원(동작 및 이벤트 마크업)
- 사용자 정의 열기 및 닫기 이벤트 핸들러 지원
* 코드구조
css 및 js 파일 선언부
툴팁문구 및 스크립트 선언부
아래와 같은 툴팁 결과를 확인할 수 있다
툴팁문구를 넣고 poweTip 메서드를 이용하여 스크립트 옵션을 선언하여 효과를 줄 수 있는데
위의 예제 이외에도 아래와 같이 선언도 가능하다
간편하게 툴팁을 사이트 웹페이지에 적용하기 편리하므로
기존 툴팁교체나 신규로 툴팁을 적용하기 위해 찾고 있었다면 유용하게 사용할 수 있을것으로 생각된다
* 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 |
Comments