リンクにマウスポインターを載せるとリンク横に画像表示
| サンプル |
| <BODY> <SCRIPT LANGUAGE="JavaScript"> function mouse_ov(img_url){ img_url.src = "../art/sankaku.gif" } function mouse_out(img_url){ img_url.src = "art/kara.gif" } </SCRIPT> <center> <img name="gazou2" SRC="art/kara.gif" width=13 height=10 border=0> <A HREF="http://www.act2cool.com/html/" onMouseOver="mouse_ov(gazou2)" onMouseOut="mouse_out(gazou2)">トップへ</A> <br> <IMG name="gazou3" src="art/kara.gif" width="13" height="10" border="0"> <A HREF="http://www.act2cool.com/html/new.htm" onMouseOver="mouse_ov(gazou3)" onMouseOut="mouse_out(gazou3)">新作へ</A><BR> </center> </BODY> |
| 『"../art/sankaku.gif"』マウスポインターが載った時の画像の 絶対パス若しくは相対パスを記述。 『art/kara.gif"』はマウスポインターが載っていない時の画像の 絶対パス若しくは相対パスを記述。 後はサンプルの規則通りに記述すればOKです。 |
コピー・ペーストしてこちらですぐに実験できます。
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。