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

Testo che segue il mouse in Dhtml

Autore: Luca Ruggiero | Tell a Friend

Corso Java
Impara a programmare col linguaggio OOP della Sun.

Corso Javascript e DHTML
Impara a creare controlli ed animazioni!

Corso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML.

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