html로 마우스 오버시 버튼을 변경하는 방법

Question

HTML에서 javascript를 처음 사용하고 버튼에 이미지를 변경하는 mouseover 스크립트를 간단하게 만들고 싶습니다. 필요한 것은 2 개의 스크립트 태그와 스크립트 태그 사이의 코드를 참조하는 HTML 코드 사이에 들어갈 수있는 자바 스크립트 코드뿐입니다.

Answer 1

JavaScript를 사용하지 말고 CSS를 사용하는 것이 좋습니다. JavaScript를 사용하는 것은 추악하고 시간 낭비입니다. CSS를 사용하여 빠르고 쉽습니다. 이것은 당신이 요구하는 작은 CSS 코드 일 수 있습니다.

.image-btn { 
    background-image: url("button-image-name.jpg"); 
} 

.image-btn:hover { 
    background-image: url("button-image-name-on-hover.jpg"); 
}