b-click

文字（リンク）にマウスポインターを載せると画像が変わる


1の画像　 2の画像　 3の画像
サンプル
<body>
<script language="JavaScript">
<!--
function gazou(out_img){
document.in_img.src=out_img;
}
//-->
</script>
<CENTER>
<IMG name="in_img" src="../banner/h1.gif" width="88" height="31"> <br>
<a href="../art/p1b.gif" onMouseOver="gazou('../art/p1b.gif')" >1の画像</a>　
<a href="http://www.act2cool.com/html/" onMouseOver="gazou('../banner/kaizo5.gif')" >2の画像</a>　
<a href="../banner/no-2.gif" onMouseOver="gazou('../banner/no-2.gif')" >3の画像</a><BR>
</CENTER>
</body>
『src="../banner/h1.gif"』には最初に表示させる画像までのパスを記述。
『onMouseOver="gazou('../art/p1b.gif')"』には、それぞれポインターが載った時に
表示される画像のパスを記述。
リンクは好きにどうぞ。
ちなみに1の画像では、大きい画像へのリンク。
2の画像では、ホームページ改造王のトップへのリンク。
3の画像そのまま、その画像へのリンクとなっています。
使い道は、様々あると思います。

コピー・ペーストしてこちらですぐに実験できます。

サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります


Byホームページ改造王