javaScript

[JS / javascript] javascript로 animate 애니메이션 주는법 !

Dev_jihoon8730 2022. 2. 25. 20:34

잘 사용하는 방법은 아니지만 알아두면 간단하게 애니메이션을 줄 수 있기에

봐봄

 

 

animate 명령어를 사용하면 됨

<body>
  <h1 id="헬로">hello JS!!</h1>
  <script>
    $('#헬로').click(function() {
      $('#헬로').animate({marginTop:'100px'},1000);
    });
  </script>
</body>

간단하기에 설명할 게 없지만

 

1. 제이쿼리 이벤트리스너 #헬로에 발생

2. animate 사용 marginTop 100px 뒤에 1000은 1s 1초라는 얘기

 

주의

JS는 -(대쉬)로 표현할 수 없기에 camelCase 사용 권장

 

결과