■　リンク文字にマウスを重ねると画像が変化　■

メニュー1
メニュー2
メニュー3
メニュー4
メニュー5
メニュー6

見本では、画像は大きく、バラバラのｻｲｽﾞを使っています。
小さいアイコンで、ｻｲｽﾞを合わせるとすっきりします。

↓のタグソースを
<body>～</body> 間に書き込んでください。

<table border=0><TR><TD> <img src="A画像ファイルアドレス.gif" name="gazo1" width="18" height="18" align="top"> <a style="text-decoration:none"href="http://リンク先アドレス" onMouseover="gazo1.src='B画像ファイルアドレス.gif'" onMouseout="gazo1.src='A画像ファイルアドレス.gif'">メニュー1</a> </TD></TR><TR><TD> <img src="A画像ファイルアドレス.gif" name="gazo2" width="18" height="18" align="top"> <a style="text-decoration:none"href="http://リンク先アドレス" onMouseover="gazo2.src='B画像ファイルアドレス.gif'" onMouseout="gazo2.src='A画像ファイルアドレス.gif'">メニュー2</a> </TD></TR><TR><TD> <img src="A画像ファイルアドレス.gif" name="gazo3" width="18" height="18" align="top"> <a style="text-decoration:none"href="http://リンク先アドレス" onMouseover="gazo3.src='B画像ファイルアドレス.gif'" onMouseout="gazo3.src='A画像ファイルアドレス.gif'">メニュー3</a> </TD></TR><TR><TD> <img src="A画像ファイルアドレス.gif" name="gazo4" width="18" height="18" align="top"> <a style="text-decoration:none"href="http://リンク先アドレス" onMouseover="gazo4.src='B画像ファイルアドレス.gif'" onMouseout="gazo4.src='A画像ファイルアドレス.gif'">メニュー4</a> </TD></TR><TR><TD> <img src="A画像ファイルアドレス.gif" name="gazo5" width="18" height="18" align="top"> <a style="text-decoration:none"href="http://リンク先アドレス" onMouseover="gazo5.src='B画像ファイルアドレス.gif'" onMouseout="gazo5.src='A画像ファイルアドレス.gif'">メニュー5</a> </TD></TR><TR><TD> <img src="A画像ファイルアドレス.gif" name="gazo6" width="18" height="18" align="top"> <a style="text-decoration:none"href="http://リンク先アドレス" onMouseover="gazo6.src='B画像ファイルアドレス.gif'" onMouseout="gazo6.src='A画像ファイルアドレス.gif'">メニュー6</a></TD></TR></table>

SEO [PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送