목록animate (1)

SeouliteLab

jQuery .animate() 메서드의 활용 예제와 설명

jQuery의 .animate() 메서드는 HTML 요소의 스타일 속성을 부드럽게 변경하는 데 사용됩니다. 이를 통해 웹 페이지에서 다양한 애니메이션 효과를 쉽게 추가할 수 있습니다. .animate() 메서드의 사용법과 몇 가지 예제를 살펴보겠습니다. 예제 1: 요소의 이동 애니메이션 위 코드에서는 id가 "box"인 요소를 클릭할 때마다 오른쪽으로 100px 이동하는 애니메이션을 보여줍니다. 예제 2: 요소의 크기 변경 애니메이션 위 코드에서는 id가 "box"인 요소를 클릭할 때마다 가로와 세로 크기가 각각 50px씩 증가하는 애니메이션을 보여줍니다. 예제 3: 요소의 투명도 변경 애니메이션 위 코드에서는 id가 "box"인 요소를 클릭할 때마다 투명도가 절반으로 줄어드는 애니메이션을 보여줍니다. ..
프로그래밍 2024. 4. 1. 08:34
이전 Prev 1 Next 다음