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

ska*_*ama 4 javascript css mouseover hover

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

<input type="submit" title="" class="myclass" value="" />
Run Code Online (Sandbox Code Playgroud)

和:

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

基本上,我需要使用image1.png按钮发布我的表单信息,并且当悬停时,将调用image2.png.你会推荐CSS或javascript,这将是什么样的确切方法?

谢谢大家,已经回答了!

Sar*_*raz 8

提交按钮:

<input type="image" title="" class="myclass" src="../images/image1.png" />  
Run Code Online (Sandbox Code Playgroud)

CSS:

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