Necesitas obtener periódicamente la posición del ratón en unas variables globales, y después crear una capa con position:absolute; top:posicion-y-raton; left:posicion-x-raton;
JAVASCRIPT
:
var mouse_x;
var mouse_y;
window.onload = function() {
if (window.Event)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = function(e) {
mouse_x = (window.Event) ? e.pageX : event.clientX;
mouse_y = (window.Event) ? e.pageY : event.clientY;
};
}
function muestra_caja(e) {
oculta_capa();
var d = document.createElement('div');
d.id = 'capa';
d.appendChild( document.createTextNode(e.innerHTML) );
d.style.position = 'absolute';
d.style.top = mouse_y + 'px';
d.style.left = mouse_x + 'px';
document.body.appendChild(d);
}
function oculta_capa() {
var d = document.getElementById('capa');
if (d) {
d.parentNode.removeChild(d);
}
}
HTML:
<div onmouseover="muestra_caja(this)" onmouseout="oculta_capa()">hola mundo</div>
OJO! No testeado!