javascript - 使用悬停更改提交按钮图像

Question

我在使用 Post 方法的 html 表单中有以下内容。

<input type="submit" title="" class="myclass" value="" />

和:

.myclass {
background: url(../images/image1.png)  no-repeat; border: none;
width: 165px;
height: 59px;
}

基本上，我需要使用 image1.png 按钮发布我的表单信息，当悬停时，将调用 image2.png。您会推荐 CSS 还是 javascript，具体的做法是什么？

谢谢大家，已经回复了!

Answer 1

提交按钮:

<input type="image" title="" class="myclass" src="../images/image1.png" />  

CSS:

.myclass:hover {
background: url(../images/image2.png)  no-repeat; border: none;
width: 165px;
height: 59px;
}