SCRITTA CHE SEGUE IL PUNTATORE DEL MOUSE EFFETTO 3D

Questa javascript, è attaccata al puntatore del mouse ed è semplicissimo cambiare il testo, basta sostituire la scritta che vedete con quella che volete che appaia. Si ridimensiona da solo se il puntatore ma al massimo dello schermo a destra, onde per cui il testo non esce dallo schermo, ma vi appare tutta la scritta. E' possibile anche cambiare il colore del testo.

RITORNA ALLA PAGINA DELLE JAVASCRIPT

RITORNA ALLA PAGINA DEI PUNTATORI

utenti connessi

Lo script da inserire in html

<!--

var testo = "OFFERTA SPECIALE FRULLATORI A 89.000 PARI A 45,9 EURO";

var ie = (document.all) ? true : false;

var code = '';

code += '<style>';

code += '.testo3D {position: absolute; top: -100}';

code += '</style>';

code += '<div class="testo3D" id="ctrl_1"><font face="Verdana" size="3" color="#ff0000"><b>' + testo + '</b></font></div>';

code += '<div class="testo3D" id="ctrl_2"><font face="Verdana" size="3" color="black"><b>' + testo + '</b></font></div>';

code += '<div class="testo3D" id="ctrl_3"><font face="Verdana" size="3" color="#ff0000"><b>' + testo + '</b></font></div>';

document.write(code);

if (document.layers) document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = coordinate;

function coordinate(e) {

if (document.layers) {

document.ctrl_1.left = e.pageX + 8;

document.ctrl_1.top = e.pageY + 18;

document.ctrl_2.left = e.pageX + 10;

document.ctrl_2.top = e.pageY + 20;

document.ctrl_3.left = e.pageX + 9;

document.ctrl_3.top = e.pageY + 19;

} else {

ctrl_1.style.left = event.clientX + document.body.scrollLeft + 8;

ctrl_1.style.top = event.clientY + document.body.scrollTop + 18;

ctrl_2.style.left = event.clientX + document.body.scrollLeft + 10;

ctrl_2.style.top = event.clientY + document.body.scrollTop + 20;

ctrl_3.style.left = event.clientX + document.body.scrollLeft + 9;

ctrl_3.style.top = event.clientY + document.body.scrollTop + 19;

}

return true;

}

// Script by Sauron, www.sauronsoftware.it -->

</SCRIPT>