이 코드를 사용하려면 jquery의 js 파일이 필요하므로 먼저 jquery 파일을 다운로드하고 호출 경로에 주의하세요. 코드: 코드 복사 코드는 다음과 같습니다. jQuery 애니메이션 기본 " src ="../js/jquery-1.2.6.js"> <br>.theImage{ <br>위치: 상대; <br>배경:녹색; <br>폭:100px; <br> ){ <br>$("#btnShow").click(function(){ <br>//$("#block").show(1000);//매개변수가 없으면 애니메이션 효과가 없습니다<br>//$( "#block").fadeIn("slow");//투명도에 따라 표시하거나 숨깁니다.<br>$("#block").slideDown();//높이를 변경할 때만 아래로 당깁니다. <br>}); <br>$("#btnHide").click(function(){ <br>//$("#block").hide("normal");//느림,보통,빠름 <br>//$( "#block").fadeOut(5000); <br>$("#block").slideUp() <br>}); 🎜>$("# btnImage").click(function(){ <br>$("#imageDiv").animate( <br>//I <br>//이동할 위치, 여기 위치는 Relative<br>//top은 원래 위치를 기준으로 위쪽으로 이동한 거리가 얼마인지는 모르겠지만 결국 아래쪽으로 이동하게 되었습니다. <br>//{왼쪽:"400px",위:"100px"}, <br>//3000 <br>//II <br>{왼쪽:" =50",너비:"300px",높이: "200px"}, //위치를 변경하면서 너비와 높이를 변경합니다 <br>3000 <br>) <br>})//두 개의 애니메이션을 동시에 실행한 후 실행합니다. 다른 하나. <br>$("#btnImage").click(function(){ <br>$("#imageDiv").animate( <br>{왼쪽:"100px",너비:"30px",높이:"20px "}, <br>3000, <br>function(){alert('callback function');}//애니메이션 종료 후 실행할 함수<br>); <br>}); <br>}) ; <br> 🎜 >숨기기 안녕하세요!< ; /div> moveImage image div>안녕
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
