マウスポインターを載せるとステータスバーに案内文を出す
| サンプル |
| <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language=JavaScript> <!-- msg=new Array(); msg[0]=""; msg[1]="そのまま自己紹介ってことです。"; msg[2]="BBSです。サポート掲示板とは違います。"; function Msg(index){ window.status=msg[index]; return true; } // --> </SCRIPT> </HEAD> <BODY> <A href="http://www.act2cool.com/html/my/pro.htm"onMouseOver="return Msg(1)" onMouseOut="return Msg(0)"><IMG src="a014btn.gif" width="95" height="53" border="0"></A> <A href="http://cgi.act2cool.com/bbs/bbs.cgi"onMouseOver="return Msg(2)" onMouseOut="return Msg(0)"><IMG src="/a022btn.gif" width="57" height="54" border="0"></A> </BODY> </HTML> |
| msg[2]="BBSです。サポート掲示板とは違います。";好きな文章にかえて下さい。 増やしたいときは同じように記述していけばいいです。 onMouseOver="return Msg(2)" onMouseOut="return Msg(0)をURLの後に記述してください。 MouseOver="return Msg(2)"の2は表示させたいメッセージの番号にしてください。 onMouseOut="return Msg(0)"の0はマウスポインターがはずれたときに表示さすメッセージです。 この場合は、何も表示させないのでmsg[0]="";と何も記述していません。 これは、リンク先URLが表示されにくいのであまりおすすめしません。 下記のように記述した方が簡単かもしれませんね。 <a href="URL" onMouseOver="window.status='ステータスバー説明を表示'; return true">ホームへ</a> |
| ホームへ |
ソースを利用したら、http://www.act2cool.com/html/へリンクの協力を御願い致します