formの送信ボタンをオンマウスで切り替える

*古いやり方ですのでおすすめしません。こういうやり方でもできるんだよ程度にとどめておくことをおすすめします。

お問い合わせフォームなど<form>の送信ボタンを画像にしているとき、ホバー時(ボタンにマウスがのっているとき)に画像を差し替える方法。

<form>
..
..
..
<input src="(画像URL−1)"  onmouseover="this.src='(画像URL−2)'" onmouseout="this.src='(画像URL−1)'" type="image" />
</form>

これで通常時は画像−1に。マウスがのっているときは画像−2に。マウスが離れると再び画像−1に戻ります。

Author

ミフネWEBのロゴ

ネットショップ専門のWEBサイト制作事務所です(個人事務所)。

部分的なテンプレートカスタマイズから、高速化や機能追加、新規ショップ制作などECに関するいろいろを承ります。(5,500円〜)

仕事のご相談は「お問い合わせ・ご相談」より随時承っております。