表单按钮图像鼠标悬停选项

时间:2010-02-05 12:13:07

标签: javascript jquery css

我有一个包含9个(是9个)按钮的表单,客户端已要求我为每个按钮提供鼠标悬停操作。我对使用CSS和背景图像的标准鼠标悬停感到非常自在,但不知道如何有效地换出像这样的图像:

<input type="image" src="images/fl-ounces.jpg" name="fluidOunces" alt="" />

我在Google上进行了广泛搜索,发现了一个日期(2004)选项here,但我一直认为必须有更好的方法。我会很感激这方面的一些指导。

谢谢!

1 个答案:

答案 0 :(得分:1)

这个怎么样:

<input type="image" src="images/fl-ounces.jpg" name="fluidOunces" alt="" onmouseover="this.src='images/some_image.jpg'" onmouseout="this.src='images/fl-ounces.jpg'" />