●
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)