これにマウスを追加することはできますか？

Question

私はロールオーバー画像を持つコードを持っており、クリックするとポップアップが表示されます。なぜ私はよくわからないのですが、マウスに音を加えても問題はありません。私は助けていただきありがとうございます！

<input name="image" type="image" onMouseOver= src="http://japanesefriend.zxq.net/images/pk1pg1roll_15.jpg" onMouseOut= src="http://japanesefriend.zxq.net/images/pk1pg1_15.jpg" value="" src="http://japanesefriend.zxq.net/images/pk1pg1_15.jpg" onClick='styledPopupOpen("<img src=http://japanesefriend.zxq.net/flashcards/ichi.gif />")' align=middle width=131 height=118> 

Answer 1

<input name="image" type="image" value="" 
    onMouseOver='this.src = "http://japanesefriend.zxq.net/images/pk1pg1roll_15.jpg";' 
    onMouseOut='this.src = "http://japanesefriend.zxq.net/images/pk1pg1_15.jpg";' 
    src="http://japanesefriend.zxq.net/images/pk1pg1_15.jpg" onClick='styledPopupOpen("<img src=http://japanesefriend.zxq.net/flashcards/ichi.gif />")' align="middle" width="131" height="118" /> 

UPD：また、これらの画像をプリロードまたは両方アウト/オーバー状態で単一のスプライトを使用するかに使用可能です。後者の場合は、this.srcではなく、this.style（JSフレームワークが使用されていない場合）で操作します。