Código de JavaScript - Movimiento inverso al mouse

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Movimiento inverso al mouse

JavaScript

Publicado el 6 de Noviembre del 2016 por Scriptshow (141 códigos)

2.172 visualizaciones desde el 6 de Noviembre del 2016

Experimento en DHTML que muestra el movimiento de un objeto en relación opuesta a la posición del mouse. El objeto simula "huir" del puntero. Se encuentran en el centro exacto de la zona visible del navegador.

Requerimientos

Un navegador o dispositivo compatible.

1.0

Actualizado el 11 de Noviembre del 2016 (Publicado el 6 de Noviembre del 2016)

gráfica de visualizaciones de la versión: 1.0

2.173 visualizaciones desde el 6 de Noviembre del 2016

<!DOCTYPE html>

<html>

<head>

<style>

html {

overflow:hidden;

touch-action:none;

content-zooming:none;

body {

position:absolute;

margin:0;

padding:0;

width:100%;

height:100%;

background:#000000;

cursor:crosshair;

#cur {

position:relative;

left:-48px;

width:48px;

height:48px;

background:#FFFFFF;

</style>

</head>

<body>

<div id="cur"></div>

<script>

var x=0, y=0;

var cur=document.getElementById("cur");

document.onmousemove=function (e) {

if (!e) {e=event}

x=document.body.offsetWidth - e.clientX;

y=document.body.offsetHeight - e.clientY;

cur.style.left=x - 24 + "px";

cur.style.top=y - 24 + "px";

</script>

</body>

</html>

Comentarios sobre la versión: 1.0 (0)

No hay comentarios

Comentar la versión: 1.0

http://lwp-l.com/s3737

Buscar dentro de un select y seleccionar el valor

Cambiar el aspecto de un elemento al mover el scroll

Código de JavaScript - Movimiento inverso al mouse

Requerimientos

1.0

Comentarios sobre la versión: 1.0 (0)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.