- 16 Gennaio 2011
- 88
- 0
- Miglior risposta
- 0
Il nuovissimo cursore mirino Da provare :soso: già testato ! 
Funziona con il Browser: firefox Safari opera internet explorer netscape navigator google chrome
Descrizione: Trasforma il cursore del mouse in una specie di mirino
1-Passo:
Selezionare tutto il codice cliccare copia, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina fra i tags <head> e </head>.
2-Passo:
Selezionare tutto il codice cliccare copia, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina fra i tags <body> e </body>.
Note:
se dovete fare modifiche al colore o allo spessore delle linee, dovete agire sui parametri dello style dichiarato nella prima parte del codice:
background-color:
height:1px;
width:1px;
Fonte:
Funziona con il Browser: firefox Safari opera internet explorer netscape navigator google chrome
Descrizione: Trasforma il cursore del mouse in una specie di mirino
1-Passo:
Selezionare tutto il codice cliccare copia, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina fra i tags <head> e </head>.
<style type="text/css">
<!--
.hair {
position:absolute;
font-size:1px;
background-color:black;
top:-10px;
left:-10px;
height:1px;
width:1px;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
// prelevato ed illustrato su Web-Link.it
var NS4 = (document.layers)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (document.getElementById && !document.all && !document.layers)? true: false;
var xhair, yhair;
function resize(){
if(NS4){
xhair.clip.width=window.innerWidth;
xhair.clip.height=1;
yhair.clip.width=1;
yhair.clip.height=window.innerHeight;
}else{
xhair.style.width=(IE4)?document.body.clientWidth:window.innerWidth;
yhair.style.height=(IE4)?document.body.clientHeight:window.innerHeight;
}}
function movehairs(evnt){
var px=(IE4)?document.body.scrollLeft:pageXOffset;
var py=(IE4)?document.body.scrollTop:pageYOffset;
var mx=(IE4)?event.clientX+10:evnt.pageX+10;
var my=(IE4)?event.clientY+10:evnt.pageY+10;
if(NS4){
xhair.moveTo(px,my);
yhair.moveTo(mx,py);
}else{
xhair.style.top=my+((IE4)?py:0);
xhair.style.left=px;
yhair.style.top=py;
yhair.style.left=mx+((IE4)?px:0);
}
return false;
}
window.onresize=function(){
if(NS4)setTimeout('history.go(0)', 400);
else resize();
//ADD OTHER WINDOW RESIZE EVENT HANDLERS FROM OTHER SCRIPTS HERE...
}
window.onload=function(){
xhair=(NS4)?document.layers['xhair']IE4)?document.all['xhair']:document.getElementById('xhair');
yhair=(NS4)?document.layers['yhair']
if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=movehairs;
resize();
//ADD OTHER ONLOAD EVENT HANDLERS FROM OTHER SCRIPTS HERE...
}
// end -->
</script>
2-Passo:
Selezionare tutto il codice cliccare copia, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina fra i tags <body> e </body>.
Note:
se dovete fare modifiche al colore o allo spessore delle linee, dovete agire sui parametri dello style dichiarato nella prima parte del codice:
background-color:
height:1px;
width:1px;
Fonte:
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Ultima modifica da un moderatore:
