Movimiento de Div con JavaScript [NO drag n drop]

kuriel · #1 (**permalink**) 18/08/2010, 14:15

He estado buscando por mas de 2 dias y ya he perdido mucho tiempo en esto.

a ver si alguien sabe la manera de mover DIVs con javascript al mero estilo del mensaje de Messenger, les dejo una imagen para que sepan de cual hablo:

[IMG]quitada[/IMG]

aunque sea que se mueva de abajo hacia arriba desde right:10px; y bottom:0px; y bueno ya saben el efecto de mover que hace el Messenger, si me lo facilitan muchas gracias

NOTA: que el codigo sea amistoso con los navegadores, gracias.

kuriel · #2 (**permalink**) 18/08/2010, 14:40

Siempre que vengo a FDW es por que de plano ya no puedo, pero siempre que hago un post sale la respuesta a la luz :(

aqui les dejo lo que encontré por si otro lo busca :( igual que yo:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  <style>
div { 
position:absolute; 
background-color:#abc; 
right:0px;
bottom:0px;
width:90px; 
height:90px;
margin:5px; 
}
</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
    
<div class="block" style="text-align:center;"><button id="up" onClick="Up();">Subir</button><button id="down" onClick="Down();">Bajar</button> </div>
 
<script>
function Up(){
  $(".block").animate({"bottom": "+=100px"}, "slow");
}
 
function Down(){
  $(".block").animate({"bottom": "-=100px"}, "slow");
}
 
</script>
 
</body>
</html>

Tan fácil que era :(