자바스크립트/ 14. 애니메이션 효과

14. 애니메이션 효과

jquery를 이용해 애니메이션 효과를 구현했습니다.

<script>
  $(document).ready(function(){
    $("#show").click(function(){
      $("p").animate({borderWidth:"10px"});
    });//show 클릭시 border가 10px로 애니메이션 효과를 가지고 증가
    $("#stop").click(function(){
      $("p").animate({borderWidth:"1px"});
    });
 
  });
</script>
<p style="border:1px solid black">hihihihi</p>
<button type="button" name="button" id="show">ani</button>
<button type="button" name="button" id="stop">stop</button>

<실행결과>