September 11
HTML è uno strumento flessibile per il testo e la manipolazione delle immagini, ma le sue capacità di animazione sono limitati. Per creare un percorso cursore animato sulla pagina Web, includere alcuni CSS e JavaScript nel codice HTML. Una rapida ispezione della maggior parte dei siti web moderni rivela un uso crescente di CSS, Java, PHP e JavaScript per l'esecuzione dei compiti che sono difficili o impossibili da eseguire con il solo HTML.
Il trucco dietro l'effetto di trascinamento cursore è di creare un piccolo file immagine nella forma di un puntatore. Questo file immagine viene visualizzata in una serie di coordinate dello schermo in base alla posizione del puntatore. Mentre un file immagine di un puntatore è una scelta logica, qualsiasi piccola immagine può essere usata. Memorizzare il file di immagine nella stessa directory dei file HTML per le pagine.
Per mantenere il cursore animati all'interno del contenuto del corpo della pagina web e lontano da qualsiasi menu in cui esso potrebbe causare problemi, inserire una definizione CSS nella sezione <head> del codice HTML. Impostare la proprietà overflow asse X a "nascosto" all'interno del tag <style>.
Aggiungete un po 'di codice JavaScript all'interno della sezione <body> del codice HTML per tenere traccia della posizione del cursore. Dichiarare un array per contenere l'ultima posizione del cursore e visualizzare la propria 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 del percorso del cursore.
Una proprietà importante per un cursore finale sta facendo la pista scompare quando il puntatore smette di muoversi. 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 tuo evento "MouseMove" all'interno della funzione di visualizzazione per mantenere il vostro schermo privo di artefatti indesiderati.