リンク先の紹介( ステータスバー編 )

Index

---

　　このプログラムは、リンクにマウスカーソルが触れると、リンク先の内容をステー
　タスバーに表示します。またカーソルがリンクから外れると、メッセージを消去しま
　す。

【例】

<SCRIPT TYPE="text/JavaScript"> 　　<!-- 　　function intro( i ) 　　{ 　　　　var msg; 　　　　switch( i ) { 　　　　case 0: msg = "最新情報のページです。"; break; 　　　　case 1: msg = "作者の自己紹介のページです。"; break; 　　　　case 2: msg = "リンク集のページです。"; break; 　　　　default:msg = ""; break; 　　　　} 　　　　window.self.status = msg;　　　// (1) 　　　　return true;　　　　// (2) 　　} 　　//--> 　　</SCRIPT> 　　<A HREF="wnew.html" onMouseOver="return intro(0)" 　　　　onMouseOut="return intro(3)">What's NEW</A> 　　<A HREF="prof.html" onMouseOver="return intro(1)" 　　　　onMouseOut="return intro(3)">Profile</A> 　　<A HREF="link.html" onMouseOver="return intro(2)" 　　　　onMouseOut="return intro(3)">Links</A>

---

【解説】

　(1) ここでステータスバーに msg を表示します。
　(2) リンクにマウスカーソルが触れると、onMouseOver というイベントが、また
　    リンクから外れると onMouseOut イベントがそれぞれ発生し intro() を呼
　    び出し、また intro() から true を返し、onMouseOver="return intro()"
　    としないと正常に動作しません。

---

【実行してみよう】

　　マウスカーソルがリンクに触れると、ステータスバーにメッセージが表示され、
　クリックするとリンク先へ進みます。リンクから外れるとメッセージは消去され
　ます。

1. What's NEW
2. Profile
3. Links

---