onmouseover 속성을 사용하면 마우스 포인터를 요소 위로 이동할 때 스크립트를 설정할 수 있습니다. 배경색을 변경하려면 HTML DOM backgroundColor 속성을 사용하십시오.
onmouseover 속성을 구현하고 배경색을 변경하는 예를 살펴보겠습니다 -
예시
<!DOCTYPE html> <html> <body> <h2>Heading Two</h2> <a onmouseover="document.body.style.backgroundColor ='orange'">Hover over me to change the background color.</a><br> </body> </html>
출력
이제 웹 페이지의 배경색을 변경하려면 텍스트 위로 마우스를 가져갑니다 −