Javascript mouseover 事件更改表单提交按钮图像

Question

我试图通过在链接中包含表单元素来通过 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

使用 :hover CSS 属性或 jQuery 的 $.hover() 函数来实现。