[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
画像にポインタを当てると別の画像に切り替わるJavaScript。
(1)
<head>~</head>タグ内に
<meta http-equiv="Content-Script-Type" content="text/javascript">
を追加する。
(2)
画像を貼り付ける。
<img src="top.jpg">
(3)
このタグに名前をつける。
<img name="over" src="top.jpg">
(4)
onMouseOverを使って
マウスを乗せた時の動作(マウスを乗せると画像が切り替わる)スクリプトを追加する。
<img name="over" src="top.jpg" onMouseOver="document.over.src='top_on.jpg';">
「ドキュメント内のoverってやつのsrcをこれに替えろ」みたいな。
(5)
必要ならマウスが「離れた時の動作」を
onMouseOutを使って追加する。
<img name="over" src="top.jpg" onMouseOver="document.over.src='top_on.jpg';"
onMouseOut="document.over.src='top.jpg';">
-------------------------
その他
onClick ・・・ クリックされた時。
onDblClick ・・・ ダブルクリックされた時。
onKeyPress ・・・ キーボードが押された時。