마우스오버시 마우스를 따라다니는 툴팁 만들기

<target onmouseover="showTooltip();" onmouseout="hideTooltip();" onmousemove="moveTooltip(event);">

give me a tooltip

</target>

<tooltip>I`m a tooltip</tooltip>

function showTooltip() {

// somehow show tooltip

}

function hideTooltip {

// somehow hide tooltip

}

function moveTooltip(event) {

var x = event.clientX;

var y = event.clientY;

if ( browser is Chrome ) {

target.style.left = x;

target.style.top = y;

}

else if ( browser is IE ) {

target.style.posLeft = x;

target.style.posTop = y;

}

}

 

* IE, Chrome에서는 event 객체를 잘 사용할 수 있으나 firefox는 기본적으로 사용할 수 없으므로 event를 parameter로 넘겨야 한다.