2013-01 002

HTML

<button>Move</button>
<div id="world">
<div class="target"></div>
</div>

SCSS

#world {
  position: relative;
  height: 150px;
  border: 1px solid #ccc;
}
.target {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: blue;
}

JavaScript

function move() {
  $('.target')
    .animate({
      left: '100px',
      top: '100px'
    }, 10000, 'swing')
    .css('background-color', 'red');
}

$('button').on('click', move);