Este código sirve para hacer que un gráfico siga al cursor...
Pon esto en la cabecera:
Código:
<script language="JavaScript">
<!--
var x,y
var xspacer = -50
var yspacer = 10
var flag=0
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
flag=1
}
function moveImg() {
if (flag==1 && document.all) {
document.all.mouseImg.style.posLeft = x + xspacer + document.body.scrollLeft
document.all.mouseImg.style.posTop = y + yspacer + document.body.scrollTop
}
if (flag==1 && document.layers) {
document.mouseImg.left = x + xspacer
document.mouseImg.top = y + yspacer
}
var timer=setTimeout("moveImg()",10)
}
// -->
</script>
<STYLE>
.pointerImg {
position:absolute;
visibility:visible;
top:-50px;
}
</STYLE>
Esto en la etiqueta body:
Y esto en el cuerpo:
Código:
<script language="JavaScript">
<!--
document.write("<span id='mouseImg' class='pointerImg'><img src='imagen.gif'></span>")
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// -->
</script>
En este último, cambia imagen.gif por la ruta y el nombre de tu imagen. La de las estrellitas...
;)