リンク先の説明を別場所で表示する

リンクにマウスを乗せて下さい。リンクメッセージが表示されます。


ココに表示→

001

002

リンク先の説明を別の場所で説明します。
場所は自由に選べますよ。

サンプルタグ

<!-- 表示させたい場所に以下を記述 -->
<span id="link_msg_show"></span>

<!-- リンク -->
<ahref=#><span onMouseOver="link_msg_show.innerHTML='メッセージ'" onMouseOut="link_msg_show.innerHTML=''">テキスト</span></a>

サンプルダウンロード
ココに表示→<span id="link_msg_show"></span><br>
<a href="#"><span onMouseOver="link_msg_show.innerHTML='メッセージ1'" onMouseOut="link_msg_show.innerHTML=''">001</span></a><br>
<a href="#"><span onMouseOver="link_msg_show.innerHTML='メッセージ2'" onMouseOut="link_msg_show.innerHTML=''">002</span></a>


« BACK | NEXT »

HP作成テクニック

最近のエントリー