jQuery .animate({}) 애니메이션 설정

$("#hi").on("click", function () {
  $("#hi").animate({ marginTop: "100px", marginLeft: "100px" }, 1000);
});

• animate({ css설정 , css설정 })
  • css설정을 여러 개를 쓸 때는 ,로 구분한다.
• 작동 시간도 설정할 수 있음
  • animate({ css설정 , css설정 },1000)
  • 1000 -> 1초
  • 반드시 {}괄호 밖에 시간을 입력해야 한다.
• 원리
  • 왼쪽에 빈 공간을 만든다.
  • 오른쪽으로 이동하는 것처럼 보인다.