Testo che segue il mouse in Dhtml

Corso jQuery
Creare applicazioni client-side col Framework jQuery

Scritto da Luca Ruggiero nella sezione Javascript

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()">

I più cliccati della sezione Javascript

:: jQuery Validation: validazione di un form con jQuery (106.555)

:: Breve guida a jQuery (96.818)

:: Le espressioni regolari in Javascript (84.690)

:: Gestione delle stringhe in Javascript (74.154)

:: Stampare una pagina col Dhtml (42.639)

:: Inserire in automatico lo slash nel formato data gg/mm/aaaa (39.785)

:: Menu orizzontale dinamico in Dhtml (36.961)

:: Gli Array in Javascript (35.690)

:: Temporizzazioni Javascript (31.211)

:: Istruzion condizionali in Javascript: if e switch (28.629)

IN EVIDENZA
DOWNLOAD