Можно попробовать так:
<html>
<body>
<script type="text/javascript">
window.onload = function() {
var tooltip = document.getElementById("tooltip");
document.body.onmousemove = function(e) { //При движении мыши
tooltip.style.left = e.clientX; //Координаты мыши X
tooltip.style.top = e.clientY+10; //Координаты мыши Y+10
tooltip.style.display = 'block'; //Показывать
}
}
function offmouse(){
tooltip.style.display = 'none'; //При убирании с текста скрываем
}
</script>
<style type="text/css">
#tooltip {
background: gray;
position: absolute;
display: none;
}
</style>
Сейчас отсюда вылетит птичка!
<div id="tooltip" onmouseout="offmouse();">Очевидное очевидно</div> //При наведении на текст вызываем
</body>
</html>
Однако возможны косяки
Хотя нет, кажется бред я тут написал.