mover div en javascript

[elhombredeblanko]

hola amigos, trato de mover un div, redireccionar su lugar
osea dentro de dese div tendre de fondo alguna imagen
y quiero poder moverlo con las teclas o con un botonaso

espero me puedan echar una mano
porque trate de hacerlo con Jquery y no me funciono

[dontexplain]

¿Pretendes mover un div de sitio?

Para ello en primer lugar has de asegurarte que sea flotante (float:left|right) y luego ir cambiando los valores de top y left o right, teniendo en cuenta el tipo de posicionamiento. Si es un div dentro de otro div basta posicionamiento relativo (position:relative), si es en relación al documento, usa posicionamiento absoluto (position:absolute) y si es en relación a la ventana usa posicionamiento fijo (position:fixed)

Con jQuery no ha de ser especialmente complejo. Dado un div con id ejemplo

Código Javascript:

$(document).ready(function(){
    ej = function(){$("#ejemplo").css({
        "top":"20px",
        "right":"30px"});
              };
    setTimeout(ej,3000);
})
 

A continuación añades los listeners de los eventos. En este caso es "presionar una tecla", ergo será keypress, keyup o keydown. En el caso de keypress, se añade el listener y se comprueba la tecla pulsada, se comprobará que sea la "d"

Código Javascript:

$(document).ready(function(){
    ej = function(){$("#ejemplo").css({
        "top":"20px",
        "right":"30px"});
              };
    $(window).keypress(function(event){
        if(event.keyCode == 97){
            ej();
        }
    })
})
 

Cuando se produce el evento, el objeto event contiene los datos del evento. event.keyCode es el número identificativo de la tecla pulsada. Basta un simple condicional.

En fin, chupado. Un saludo.