JQuery .animate()

개요

jQuery .animate()

<style>
#red-box {
  position: relative;
  background: red;
  width: 100px; height: 100px;
}
</style>

<button id="btn-move">move</button>
<div id="red-box"></div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$("#btn-move").click( function() {
  $("#red-box").animate({ "left": "+=50" });
});
</script>

같이 보기

• jQuery .delay()

참고

• http://api.jquery.com/animate/