Javascript mouseover event更改表單提交按鈕圖像

Question

我試圖通過包含鏈接中的表單元素來捕獲mouseover事件動態更改表單提交按鈕通過JavaScript的「src」屬性。這裏是我的代碼：

<SCRIPT language="JavaScript"> 
    paypal_img_mouse_over = new Image(120,120); 
    paypal_img = new Image(120,120); 
    paypal_img_mouse_over.src="Paypal_Button_Mouseover.png"; 
    paypal_img.src="Paypal_Button.png"; 

function Paypal_Mouse_Over() 
{ 
    document.Paypal_Button.src=paypal_img_mouse_over.src; 
} 
function Paypal_Mouse_Out() 
{ 
    document.Paypal_Button.src=paypal_img.src; 
} 
</script> 

...

，後來，表單元素：

...

<a href="#" onMouseOver="Paypal_Mouse_Over()" onMouseOut="Paypal_Mouse_Out()"> 
     <input type="image" src="Paypal_Button.png" name="Paypal_Button" id="Paypal_Button" value=" Continue "> 
    </a> 
</form> 

如果這種方法工作作爲翻滾效果我的表單提交圖片？

在此先感謝。

Answer 1

要麼使用：懸停CSS屬性或jQuery的$ .hover（）函數來實現此目的。