INTERNET EXPLORER? Ti consiglio di navigare questo sito con Mozilla Firefox oppure con Google Chrome.

Testo che segue il mouse in Dhtml

Corso Javascript
Impara a creare controlli ed animazioni

In Dhtml è molto semplice realizzare uno script per far si che un testo predefinito segua il mouse. Si assegni ad un layer nascosto l'identificativo cursore

<div id="cursore" style="visibility: Hidden;">lukeonweb.net</div>
e si imposti nell'header della pagina la seguente funzione
function Cursore()
{
    document.getElementById("cursore").style.visibility = "Visible";
    document.getElementById("cursore").style.position   = "Absolute";
    document.getElementById("cursore").style.left       = event.clientX + 15;
    document.getElementById("cursore").style.top        = event.clientY;
}
che si occupa di rendere visibile il layer, assegnargli il posizionamento assoluto e di impostare il suo posizionamento in termini di pixel nel punto in cui si trova il mouse, aggiungendo qualche pixel per far si che non il testo non venga coperto. Si esegua la funzione all'evento onMouseMove del corpo della pagina
<body onMouseMove="Cursore()">

IN EVIDENZA

HOT LINKS