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（）函数来实现此目的。