表單按鈕圖像鼠標懸停選項

我有一個有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

表單按鈕圖像鼠標懸停選項

回答

相關問題