Ecek-ecek

ini adalah tooltip paling sederhana
pake klik

pake mouse over

source nya
<style> .kursor {cursor:pointer} </style> <script type="text/javascript"> function posisi(event,tip) { posisix= event.clientX + 20; posisiy= event.clientY + 10; crot = '<table cellpadding=0 cellspacing=0><tr><td bgcolor=yellow width=200 align=right><a onclick=notip() class=kursor>[x]</a><tr><td bgcolor=blue>' + tip +'</table>'; document.getElementById("tips").style.display = 'inline'; document.getElementById("tips").style.position='absolute'; document.getElementById("tips").style.left= posisix + 'px'; document.getElementById("tips").style.top= posisiy + 'px'; document.getElementById("tips").innerHTML = crot; } function notip() { document.getElementById("tips").style.display = 'none'; } </script> <p>ini adalah tooltip paling sederhana<br> <a href=# onclick="posisi(event,'Klik x untuk menghilangkan tampilan tip')" class=kursor>pake klik</a> <p> <a href="" src=search_go_on.png class=kursor onmouseover="posisi(event,'geser mouse keluar untuk menghilangkan tampilan tip')" onmouseout=notip()>pake mouse over</a> <div id=tips></div>