Cursore con testo a bandiera

Crediti:
Nome: Peter Gehrig
Website: 24fun
Note: Preso su Dynamic Drive

Descrizione: Si tratta di un testo che segue il puntatore del mouse in ogni suo spostamento.

Passo 1: Copia il codice sottostante e incollalo nella tua pagina web, in questo caso fra i tags <head> e </head>:

<style>
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
      font-weight:bold;
	color:black;
}
</style>
<script>

/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com
*/

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="CentoxCento "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
	ypos[i]=-50
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
}

</script>

Fatto ciò cambia il testo con quello che preferisci modificando il valore della variabile "message" che trovi nello script. Puoi cambiare anche il colore, le dimensioni ed il font del messaggio agendo direttamente sullo <style> ----> : font-size:10pt; font-family:Verdana; font-weight:bold; color:green.

Passo 2: Stessa operazione ma questa volta copia all'interno del tag <body>:

 <script>  </script>

Passo 3: Una volta inseriti i due script nelle relative zone della tua pagina html non ti resta che aggiungere l'evento onload all'istruzione BODY. L'evento serve ad attivare lo script una volta caricata la pagina, per l'appunto copia il codice sottostante: