Javascript mouseoverイベントによりフォーム送信ボタンの画像が変更される

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（）関数。