GiuCat - Costruire Siti Web

	Costruire Siti Web	Home Page > Costruire siti web > Scripting > Puntatore del mouse con testo

Puntatore del mouse con testo:

Questo script consente di inserire un testo a piacimento che segue sul monitor il puntatore del mouse.

..:: VEDI L'ESEMPIO

Selezionare il testo all'interno di questa casella, copiarlo ed incollarlo all'interno dei tags
<body> </body>

var text='INSERITE QUI IL VOSTRO TESTO';

var delay=40;                              // SPEED OF TRAIL
var Xoff=0;                                // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30;                              // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14;                               // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>';   // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='<\/b><\/font>';                 // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NON MODIFICARE NULLA DA QUESTA RIGA IN AVANTI - WWW.GIUCAT.IT **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '<\/layer>' : '<\/div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
// end -->	  
</script>

All'interno di questa parte di script che avete inserito dovete modificare il testo del vostro messaggio.
Inoltre potete modificare il colore, il carattere e le dimensioni.

Ora potete visualizzare il risultato in questa pagina VEDI L'ESEMPIO

	Altre pagine del sito:

	..:: Home Page
	..:: Costruire siti web
	..:: Scripting

	Azioni sulla pagina:

	..:: Torna indietro
	..:: Stampa pagina
	..:: Aggiungi ai Preferiti
	..:: Imposta come Home Page
	..:: Consiglia ad un amico
	..:: Segnala un errore


	..:: Torna in alto

Scambio link/banner ● Pubblicità ● Statistiche ● Disclaimer ● Mappa ● Credits