jq-animate 애니메이션 효과

며칠 전에 프로젝트를 할 때 PM이 갑자기 나에게 이 물건이 다시 튀어나올 때 애니메이션을 넣어야 하고 판타지 요소가 있어야 한다고 말했다.생각해 봤는데 jq 애니메이션으로 하자. 그런데 시작할 때 작은 문제가 생겼다. 왜냐하면 파라미터가 잘못 주어졌기 때문이다. 갑자기 애니메이션이 숫자 값만 받는 것이 생각났다.
코드를 올려라. 자신을 경고해라. 좀 잊어서는 안 된다.

$(document).ready(function()
  {
  $(".btn1").click(function(){
    $("#box").animate({height:"300px"});
  });
  $(".btn2").click(function(){
    $("#box").animate({height:"100px"});
  });
});
</script>
</head>
<body>
<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;">
</div>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>

jq-animate 애니메이션 효과

좋은 웹페이지 즐겨찾기