툴팁의 위치를 상단으로 설정할 수 있으며 기본적으로 마우스 오버시에 툴팁이 보여집니다. (Over)
jui.ready(function(ui, uix, _) {
tooltip_1 = ui.tooltip(".tooltip_1");
});
툴팁의 위치를 하단으로 설정할 수 있으며 컬러는 회색으로 툴팁은 마우스 클릭시에 보여집니다. (Click)
tooltip_2 = ui.tooltip(".tooltip_2", {
position: "bottom",
color: "gray",
type: "click"
});
툴팁의 위치를 좌측으로 설정할 수 있으며 마우스 오버시 1초 후에 툴팁이 보여집니다. (Delay)
tooltip_3 = ui.tooltip(".tooltip_3", {
position: "left",
delay: 1000
});
툴팁의 위치를 우측으로 설정할 수 있으며 max-width 값을 300px로 정합니다. 만약에 툴팁이 길어지면 자동으로 줄바꿈을 합니다. 그리고 툴팁은 가운데 정렬됩니다. (Over)