¿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
:
Ver original$(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
:
Ver original$(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.