animazione con js

[artorius]

allora, per implementare delle modifiche ad un elemento HTML devi prima ottenerlo, tipo con il document.getElementById(), poi puoi alterare la propriertà CSS corrispondente.

Io ti raccomanderei di usare il marginTop e non il top:

<div id="MyDiv">
   Questo div si sposta cliccando qui
</div>

Poi implementi il JS:

var totMargin = 0, toAdd = 50;

window.onload = function(){
   document.getElementById("MyAction").onclick = function(){
      var Mdiv = document.getElementById("MyDiv");
      Mdiv.style.marginTop = Mdiv.style.marginTop == '' ? toAdd+"px" : (parseInt(Mdiv.style.marginTop) + toAdd)+"px";
   };
}

Questo è sufficiente, se invece implementassi una libreria JS come Mootools potresti fare molte più cose.