blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

検索ボタンをデフォルトから変更(javascript)

Pocket

検索ボタンはデフォルトでは <input type=”submit” … となっていますが、検索ボタンを自分で作成したimageに変更したい場合、下記のように記述。
<input type=”image” src=”imageのパス” alt=”Search” onMouseOver=”this.src=’hover imageのパス’;” onMouseOut=”this.src=’imageのパス’;” border=0 onfocus=”this.blur()” />
<input type=”image” src=”” … にすることで画像が使用できます。 上記ソースではjavascriptでマウスオーバー、マウスアウトのイメージを切り替えています。