人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WEB(HTMLやJavaScript)の質問です。

画像(イメージ)をA.jpgとB.jpgの2つ用意して、
通常はA.jpgを表示、
マウスボタンをDownしているときにはB.jpgを、
マウスボタンをUpしたりMouseOverしなくなったらA.jpgに戻す
ことをしたく思います。
(要するにカスタムボタンです)

具体的なコード例をご教示下さい。
宜しくお願い致します。


●質問者: pkb_wn
●カテゴリ:インターネット ウェブ制作
✍キーワード:.jpg HTML JavaScript Web イメージ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● maverick100s
●50ポイント

<html>

<body>

</body>

</html>

です。

◎質問者からの返答

有難う御座います。

残念ながら、うまく見れないようですね。


2 ● van-dine
●120ポイント ベストアンサー
<img id="img" src="a.jpg" onmousedown="img.src='b.jpg'" onmouseup="img.src='a.jpg' onmouseout="img.src='a.jpg'">

でできると思います。

◎質問者からの返答

有難う御座います。

onmouseupやonmousedownもあるとは知りませんでした。

onmouseupの最後に"を補って、無事動きを確認できました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ