요구 사항이 동적이기 때문에 위치 변경을 고려하여 이전에 사용했던 JQuery를 생각하고 모든 효과를 시도한 후 최종적으로 애니메이션 사용자 정의를 선택했습니다. 코드 복사 코드는 다음과 같습니다. title>testAnimate< /title> <br>functionchangeNum(n) { //n을 변경하려는 숫자로 설정<br>$(function () { <br> $("counter").animate({ top: ' =20px', opacity: '0' }, "slow", function () { //숫자가 아래로 이동하여 사라지도록 합니다. Top은 요소와 웹 페이지 상단 사이의 거리는 투명도이며 값은 0~1입니다. <br>document.getElementById("counter").innerHTML = n; //숫자가 사라지면 n으로 변경됩니다. . 웹 페이지에 ID가 counter인 범위 요소가 있습니다. 이 코드는 animate 안에 넣어야 합니다. 그렇지 않으면 숫자가 사라지기 전에 해당 값이 변경됩니다. <br>}) <br>.animate({ top: '-= 40px' }, "slow") //숫자 n이 원래 위치 위로 점프합니다 <br>.animate({ top: ' =20px', opacity: '1' }, "slow") //숫자 n이 나타납니다. 불투명도가 0이면 개체가 완전히 투명해지거나 사라집니다. <br>}) <br>} <br></ 스크립트> <br></head> <br><span id="counter ">1</span> <br></html > 블로그파크를 처음 사용하는데, 틀린 부분이 있으면 지적해주세요. <br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
