【もどる】

■ ボタンにマウスが乗るとリンク先の説明文を表示する。

【SAMPLE】

【SAMPLEを例に】用意するもの  特にナシ
<body>タグにソースコードを2種類記述する必要があります。
ソースコード[1]はテキストボックスの設定です。
ソースコード[2]はリンクボタンの設定とテキストボックスの表示設定です。

ソースコード[1]
この下のソースコードをHTMLのヘッド(<body>)〜(</body>)内に記述してください。

<FORM name="link">
<INPUT type="text" name="menu" size="30" value="" style="border-style:solid; border-width:2px; border-color:#ff00ff; background:#ffffff; font-size:10pt; color:#ff0000">
</FORM>

30はテキストボックスのサイズです。
#ff00ffはテキストボックスの枠のカラーです。
#ffffffはテキストボックスの背景色です。
#ff0000はテキストボックス内に表示される説明文のカラーです。
 
ソースコード[2]
下のソースコードをHTMLのヘッド(<body>)〜(</body>)内に記述してください。

<a href="aaa.html" onMouseOver="document.link.menu.value='  ☆ Sample-1の説明です。'" onMouseOut="document.link.menu.value=''">Sample-1</a>

aaa.htmlはリンク先のアドレスを記入します
☆ Sample-1の説明です。はテキストボックスの表示内容です。
Sample-1はリンクボタンです。

Copyright © 2000 asarinet,co.all rights reserved