codicicursori

Inserire un'immagine a tua scelta accanto al puntatore del mouse

In modalità html tra i tag <head></head> inserite questo:

<script language="JavaScript"> var immagine = 'Qui inserire l'url della vostra immagine'; var code = ''; if (document.all) { code += '<SPAN ID="pointer" STYLE="position: absolute; left: -100">'; code += '<IMG NAME="pointerImg" SRC="' + immagine + '" BORDER=0>'; code += '</SPAN>'; } else { code += '<LAYER ID="pointer" POSITION="absolute" LEFT="-100">'; code += '<IMG ID="pointerImg" SRC="' + immagine + '" BORDER=0>'; code += '</LAYER>'; } document.write(code); if(document.layers) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = coordinate; function coordinate(e) { // Calcola le coordinate del mouse if (document.layers) { document.layers.pointer.left = e.pageX + 8; document.layers.pointer.top = e.pageY + 18; } if (document.all) { pointer.style.left = event.clientX + document.body.scrollLeft + 8; pointer.style.top = event.clientY + document.body.scrollTop + 18; } return true; } </script>

Attenzione che all'interno del codice dovrete inserire la vostra immagine dove c'è scritto "var immagine = Qui inserire l'url della vostra immagine"

Vari effetti che puoi ottenere sul puntatore

Valore da inserire	visualizza risultati
pointer	a hand symbol
crosshair	+ symbol
move	move symbol
wait	loading symbol
help	question symbol
text	text symbol
e-resize	move east cursor
ne-resize	move north-east cursor
nw-resize	move north-west cursor
n-resize	move north cursor
se-resize	move south-east cursor
sw-resize	move south-west cursor
s-resize	move south cursor
w-resize	move west cursor
default	default cursor
url	user defined image as cursor

<p style="CURSOR: inserisci l'effetto desiderato qui scrivendo il VALORE DA INSERIRE">qui scrivi quello che vuoi</p>

Back to HTML tutorials