Top

툴팁의 위치를 상단으로 설정할 수 있으며 기본적으로 마우스 오버시에 툴팁이 보여집니다. (Over)

jui.ready(function(ui, uix, _) {
	tooltip_1 = ui.tooltip(".tooltip_1");
});

Bottom

툴팁의 위치를 하단으로 설정할 수 있으며 컬러는 회색으로 툴팁은 마우스 클릭시에 보여집니다. (Click)

tooltip_2 = ui.tooltip(".tooltip_2", {
	position: "bottom",
	color: "gray",
	type: "click"
});

Left

툴팁의 위치를 좌측으로 설정할 수 있으며 마우스 오버시 1초 후에 툴팁이 보여집니다. (Delay)

tooltip_3 = ui.tooltip(".tooltip_3", {
	position: "left",
	delay: 1000
});

Right

툴팁의 위치를 우측으로 설정할 수 있으며 max-width 값을 300px로 정합니다. 만약에 툴팁이 길어지면 자동으로 줄바꿈을 합니다. 그리고 툴팁은 가운데 정렬됩니다. (Over)