간편한 툴팁구현
1. 정의
- 툴팁에 표시할 텍스트는 title 속성을 사용한다
- 이용할 수 있는 요소는 정해진 건 없다
2. 구문
$(대상요소).tooltip({매개변수:값,..})
1) 매개변수
매개변수 |
개요 |
기본값 |
items |
툴팁을 적용할 요소/속성 |
[title] |
content |
툴팁의 내용, 텍스트를 반환 |
title속성의 값을 반환하는 함수 |
show |
툴팁의 표시할 때 에니메이션 |
|
hide |
툴팁을 감출 떄 애니메이션 |
|
tooltipClass |
툴팁의 스타일 클래스 |
|
position |
툴팁의 표시 위치 |
{my : "left top+15", at:"left bottom", collistion: |
track |
툴팁이 마우스의 움직임에 따라 갈지 |
false |
3. 구현
'Front-End > jQueryUI' 카테고리의 다른 글
| [jQueryUI] 간편 다단계 메뉴 구현 (0) | 2017.01.25 |
|---|---|
| [jQueryUI] 툴팁으로 이미지 나오게 하기 (0) | 2017.01.25 |
| [jQueryUI] AJAX를 이용한 비동기적 대화상자 (0) | 2017.01.23 |
| [jQueyUI] 간단한 대화상자 구현 (0) | 2017.01.19 |
| [jQueryUI] 간단한 탭 패널 구현 (0) | 2017.01.19 |
리딩리드