Link Information -Popup-

Description:

リンクに触れると、そのリンクの側にポップアップを表示します。 またそれと共に画像を表示させる事も可能です。

Demo:

Yahoo! japan / goo / Excite / infoseek / Lycos

Source:

Advice:

(*1)メッセージが表示する場所の座標を設定します。座標は、リンクに触れた場所からの座標です。 X,Y座標とも小さくする程、位置が近づきます。

(*2)表示するメッセージを設定します。タグも使用可能です。
this.msg[X] = ".....";
と、Xの数を一つずつ増やして行く事により、メッセージは幾つでも設定出来ます。
(例) this.msg[5] = "test";   this.msg[6] = "test2";

(*3)情報を表示するリンクタグに onMouseover と onMouseout を書きます。
onMouseover="linkinfoPopup(0)" onMouseout="hideLinkInfo(0)"
linkinfoPopup(0) の"0"は、<SCRIPT>の中で設定した、this.msg[0]にあたります。 このリンクに触れると this.msg[0]のメッセージを表示するという意味です。

出力するメッセージに適度に改行(<BR>)を入れてください。 NN4だと改行がない場合、横いっぱいにメッセージが広がってしまいます。

Arrangement:

Browser:

Internet Explorer4.0以上
Netscape Navigator4.0以上
*画像はこちらのサイトのを使わせていただきました。