일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- #이미지
- javascript
- 솔루션
- #jQuery
- 쇼핑몰
- #홈페이지제작
- 해피씨지아이
- #쇼핑몰
- #솔루션
- jquery
- 사이트제작
- 게시판
- #해피CGI
- 웹솔루션
- #웹솔루션
- #happycgi
- #동영상
- happycgi
- #업종별
- #CSS
- php
- #image
- #홈페이지
- #뉴스
- 해피CGI
- 홈페이지
- CSS
- CGIMALL
- 홈페이지제작
- #cgimall
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] [jquery] jTippy tooltip plugin 본문
* jTippy tooltip plugin
- jQuery 툴팁 플러그인. 뛰어난 반응 형 배치로 사용 및 구성이 쉽습니다.
원하는 영역에 툴팁을 추가하여 문구를 보여주고 문구를 보여주는 동시에
hover, focus효과, background 에 대한 영역을 black, blur 와 같은
효과를 주어 툴팁을 더 돋보이게 만들 수 있습니다
* 사용방법
첨부된 압축파일을 다운받아 원하는 웹디렉터리에 압축을 해제후
html 문서상에 아래와 같은 형태로 코드를 삽입하도록 합니다
코드상단 css 추가
코드하단 js 추가
위와 같이 플러그인관련 css 및 js를 작성하고
본문 코드중단에 아래와 같이 툴팁효과들을 적용할 수 있습니다
툴팁 및 백그라운드 효과
위의 효과외에 툴팁영역을 작게 또는 크게, 컬러를 변경하는등의 효과를 줄 수 있으니
시각적인 효과가 필요한 페이지 영역에 도움이 되겠습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 스크롤링 탭 메뉴 플러그인 - ScrollTabs (0) | 2020.01.10 |
---|---|
[해피CGI][cgimall] Touch-enabled Book/Page Flip Effect In jQuery (0) | 2020.01.06 |
[해피CGI][cgimall] [jquery] wRunner Slider Plugin (0) | 2019.12.27 |
[해피CGI][cgimall] 콘텐츠 내용에 맞게 프레임크기 자동조정 - css trick (0) | 2019.12.26 |
[해피CGI][cgimall] Jquery 로 단축키 사용을 막자! (0) | 2019.12.23 |
Comments