moving

by karin

HTML

<button id="left">&laquo;</button>
<button id="right">&raquo;</button>
<div class="block"></div>

CSS

.block {
     position: absolute;
     background-color: #abc;
     left: 50px;
     width: 90px;
     height: 90px;
     margin: 5px;
 }

JavaScript

$("#right").click(function () {
    $(".block").animate({
        "left": "+=50px"
    }, "slow");
});

$("#left").click(function () {
    $(".block").animate({
        "left": "-=50px"
    }, "slow");
});