Main Menu Literature Rock IKUTOYO Links What's New

マウスでポイントすると絵が変わる。


マウスでポイントすると絵が変わる。 この上にマウスを持ってきて!













使い方
◇下の「ソース」をコピーして、自分のHTML文書に貼り付けして使います。
具体的には、2〜17行目を自分のHTML文書の<head>内に10行目を自分のHTML文書の<body>内に貼り付けしてください。
◇「画像ファイル1」「画像ファイル2」を表示する画像ファイル名に置き換えます。
最初は「画像ファイル1」が表示されていて、ポイントすると「画像ファイル2」に変わります。
◇「リンク先のURL」を実際のリンク先のURL(ファイル名、アドレスなど)に変更してください。

TIPS
◆この例では動画GIFファイルを表示していますが、もちろん普通の画像ファイルであればなんでも大丈夫です。
◆ページのどこかにあらかじめ変更後の画像を表示させておくとスムーズに変わります。


ソース
<html><head><title>ここにタイトルを入れて下さい</title> <script language="JavaScript"> <!-- function ImgChg1(){document.img1.src = "画像ファイル2"} function ImgChg2(){document.img1.src = "画像ファイル1"} //--> </script> </head> <body> <a href="リンク先のURL" onMouseOver="ImgChg1()" onMouseOut="ImgChg2()"> <img name="img1" src="画像ファイル61">この上にマウスを持ってきて!</a> </body> </html>



【 トップメニューに戻る  IKUTOYOに戻る  Java Scriptサンプル集に戻る 】

E-mail:i@m.to
Copyright(c)1998 IKUTOYO Iwahashi. All rights reserved.
このようにページのどこかにあらかじめ表示させておくと画像がスムーズに変わります。