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