htmlのmouseoverでボタンを変更する方法

Question

私はHTMLでjavascriptを使い慣れていないので、ボタン上の画像を変更するmouseoverスクリプトで簡単にしたいと思っています。私が必要とするのは、2つのスクリプトタグとスクリプトタグ間のコードを参照するHTMLコードの間に収まるようなjavascriptコードだけです。

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"); 
}