inputのimageボタンのロールオーバー

javascript 2007.08.01

■サンプル

■ソース

<input type="image" src="img/btn.gif" value="submit" tabindex="1" onmouseover="this.src='img/btn_o.gif'" onmouseout="this.src='img/btn.gif'" />

もと画像　img/btn.gif
オーバー画像　img/btn_o.gif

関連エントリー

Comments:3

hama 2007年8月 9日 08:17

http://kikky.net/pc/css_ir.html
BUTTONタグならCSSでロールオーバーできます。
INPUTタグ＆CSSは全てのブラウザではできないんですよねぇ。

otogawa 2007年8月30日 18:43

＞hamaさん
buttonタグってよく見るけど、まだ使ったことないですわー。css対応など他のサイトでも便利そうに聞いてるので、今度試してみますー♪java使わなくてもオーバーできたら便利ですもんね。

poko 2008年10月19日 05:27

ありがとうございます。助かりました！

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/164
Listed below are links to weblogs that reference
inputのimageボタンのロールオーバー from px*blog