Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/11/2002, 21:57
itatpc
Invitado
 
Mensajes: n/a
Puntos:
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:

Código:
onLoad="moveImg()"
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...

;)