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

我有一个有9个（是9）按钮的窗体，并且我已经被客户请求在每个按钮上提供鼠标悬停操作。我很愿意使用CSS和背景图像标准的鼠标悬停，而与如何在东西有效地换出的图像是这样的：表单按钮图像鼠标悬停选项

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

我已搜查甚广的谷歌，发现一个日期（2004年）选项here但我一直认为必须有更好的方法。我希望对此有一些指导。

谢谢！

来源

2010-02-05 fmz

您是否希望有另一种形象出现在悬停或删除悬停的形象呢？ – 2010-02-05 12:15:00

嗨Adhip。是的，那正是我正在寻找的。幸运的是Sarfraz提供了下面的解决方案。谢谢。 – fmz 2010-02-05 13:42:09

如何：

<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'" />

来源

2010-02-05 12:22:17 Sarfraz

优秀的解决方案。非常感谢你。 – fmz 2010-02-05 12:52:40

@fmz：非常欢迎，非常感谢:) – Sarfraz 2010-02-05 12:54:34

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

回答

相关问题