Nwlapcug.com


Il codice HTML per un effetto finale di cursore

HTML è uno strumento flessibile per la manipolazione di testo e immagine, ma le sue capacità di animazione sono limitati. Per creare un sentiero di cursore animato sulla tua pagina Web, includere alcuni CSS e JavaScript nel codice HTML. Una rapida ispezione dei siti Web più moderno rivela un uso aumentante di CSS, Java, PHP e JavaScript per realizzare i compiti che sono difficili o impossibili da eseguire con HTML da solo.

Il puntatore

Il trucco dietro l'effetto finale del cursore è di creare un file di immagine piccola a forma di un puntatore. Questo file di immagine viene visualizzato in una serie di coordinate dello schermo basato sulla posizione del puntatore. Mentre un file di immagine di un puntatore è una scelta logica, può essere utilizzato qualsiasi immagine piccola. Memorizzare il file di immagine nella stessa directory del file HTML per le pagine.

CSS

Per mantenere il vostro cursore animato all'interno del contenuto del corpo della pagina Web e lontano da qualsiasi menu dove potrebbe causare problemi, è possibile inserire una definizione di CSS nella sezione < head > del codice HTML. Impostare la proprietà overflow dell'asse x "nascosto" all'interno del tag < style >.

JavaScript

Aggiungere il codice JavaScript all'interno della sezione < body > di codice HTML per tenere traccia della posizione del cursore. Dichiarare una matrice per contenere l'ultima posizione del cursore e visualizzare l'immagine nella posizione memorizzata nella matrice. La dimensione della matrice determina il numero di immagini visualizzate. In altre parole, la dimensione della matrice determina la lunghezza della traccia del cursore.

Pulire

Una proprietà importante per un cursore finale sta facendo il sentiero scompaiono quando il puntatore del mouse si ferma. Un percorso statico che rimane sullo schermo quando il puntatore si ferma ingombra la pagina e può confondere i visitatori del sito. Impostare un timeout sul vostro evento "mousemove" all'interno della funzione di visualizzazione per mantenere il vostro screen privo di artefatti indesiderati.