Web覚書トップ > JavaScript サンプル > 『アンカー通過時にステータスバーにメッセージを表示してみる』
説明

アンカー(<A>〜</A>のリンク部分)の上をマウスが通過すると、通常ステータスバーには、そのジャンプ先が表示されますよね。 しかし、アンカーをJavaScriptで利用していたりしているときは、意味の無いものが表示されることになります。 だったら、そんなときは何か意味のあるメッセージを表示してみてはどうでしょうか?

実行例
ココの上にマウスカーソルを乗せて、ステータスバーを見てください

コード
function setMsg(){
	window.status = "メッセージ";
}
function clearMsg(){
	window.status = "";
}
<A href="****" onMouseOver="setMsg();return true;" onMouseOut="clearMsg();">

解説&ステップアップ

「onMouseOver」のイベント時にステータスバーの値を設定するには「return true;」と記述を加えないといけないので、注意してください。 また、マウスカーソルが離れたときにメッセージを消すようにしないと、そのまま残ってしまいます。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)

© hyork@yahoo.co.jp (2001. 1.30)