F.A.Q. numero 482.
Come posso avere un'immagine che segue il puntatore del mouse?
Immergiamo l'immagine in un livello che sposteremo insieme al puntatore.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
//--fabiano@jsdir.com-------
//--http://www.jsdir.com--------
//-------browser sniff--------------
var nome=(navigator.appName=="Microsoft Internet Explorer")?true:false;
var wt=nome?(navigator.appVersion.split(';').toString().split("").toString().split(',')[4] ):null;
var isie5=((wt)>=5 && nome)?true:false;
var isie4=((wt <5 && wt >=4) && nome)?true:false;
var isNS4=(document.layers)?true:false;
var isNS6=document.getElementById &&(navigator.appName=="Netscape")?true:false;
var sty=(isie4 || isie5 || isNS6)?'hidden':(isNS4)?'hide':'hidden'
var stv=(isie4 || isie5 || isNS6)?'visible':(isNS4)?'show':'visible'
//----------------------------------
var ax=0;
var ay=0;
if (isNS4 || isNS6)
{
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=move;
}
else
if (isie4 || isie5)
document.onmousemove=move;
function move(e)
{
if (isie4 || isie5)
ax=window.event.clientX, ay=window.event.clientY;
else
if (isNS4 || isNS6)
{
ax=e.pageX;
ay=e.pageY;
}
snt=(isie4)?document.all['imm'].style:(isNS4)?document.layers['imm']:document.getElementById('imm').style;
snt.top=ay+10
snt.left=ax+10
snt.visibility=stv
if (ax<10 || ay<10)
snt.visibility=sty
}
</SCRIPT>
</HEAD>
<BODY>
<DIV ID="imm" STYLE="position:absolute;top:-100; left:-100; visibility:hidden;">
<IMG SRC="images/tua.gif">
</DIV>
</BODY>
</HTML>
| 
Stampa
Segnala 
Preferiti 
