Foros del Web - Ver Mensaje Individual - Movimiento de Div con JavaScript [NO drag n drop]

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 :(