elementos móviles con jQuery

Question

¿Cómo puedo usar jQuery para mover un elemento a partir de:

position: absolute; 
left: 169px; 
top: 182px; 

a:

position: absolute; 
left: 169px; 
top: 230px; 

con un claro movimiento de modo no sólo CSS, tiene que estar en movimiento.

Gracias.

Answer 1

http://api.jquery.com/animate/

demostración: http://jsfiddle.net/pHwMK/

JS:

$(function() { 
    $("div.ele").animate({ top: '230px' }); 
});

Answer 2

¿Qué quiere decir animación? Suponiendo un elemento con id="someElement" ya tiene position:absolute y left:169px, entonces:

$('#someElement').animate({top: 230}); 

Si necesita ajustar la CSS inicial en el elemento antes de que la anima, y ​​luego tener un .css() llamada extra antes .animate():

$('#someElement').css({ 
    position: 'absolute', 
    left: 169, 
    top: 182 
}).animate({top: 230});