Código fuente Ya.
Puede ejecutar la o las páginas para probar el concepto inmediatamente.
Concepto:
Objeto que se mueve en sentido contrario a el mouse con DHTML
El concepto trata sobre:
html
Autor:
Bilanime
Nombre del archivo:
Pagina.html
<html> <head> <title>Problema</title> <style> #movimiento{ position:absolute;} </style> <script language="javascript"> function mover(e) { /*Es necesario declarar las dos cosas con el if y el else para que funcione en FIREFOX e IE*/ var corx=document.getElementById('coordenadax'); var cory=document.getElementById('coordenaday'); if (window.event) { var as=corx.firstChild.nodeValue=window.event.clientX; var es=cory.firstChild.nodeValue=window.event.clientY; } else { var as=corx.firstChild.nodeValue=e.clientX; var es=cory.firstChild.nodeValue=e.clientY; } var mover=document.getElementById('movimiento'); var fase1=480;/*Aqui se declara la posicion original del objeto, si no funciona se puede modificar para que no que el objeto no salga de la pantalla*/ var fase1a=810;/*Lo mismo sucede con esto*/ var fase2a=as*-1;/*Aqui se modifican los valores del mouse a negativo*/ var fase2=es*-1; mover.style.left=fase1a+fase2a mover.style.top=fase1+fase2 } </script> </head> <body onmousemove="mover(event)"> <div style="display:none">/*Este div tiene que estar con display none*/ <p id="coordenadax">coordenada x=</p> <p id="coordenaday">coordenada Y=</p> </div> <div id="movimiento" style="width:500px;"> <h1>Gracias por ver</h1>/*Este es el texto que se va mover puede ser cambiado por cualquier objeto siempre que conserve su id "movimiento"*/ </div> </body> </html>
Código Fuente Ya - 2008