ホームページ作成ガイド

ナビゲーションパネル

--- A～C 各HTML ---
<html>
<head>
<script language="JavaScript" src="navi.js"></script>
</head>

<body>
<A href="JavaScript:navi_open();">ナビゲーション</A>
</body>
</html>

--- ナビゲーションパネルのHTML ---
<html>
<head>
<script language="JavaScript">

</script>
</head>

<body>
<A href="JavaScript:next_url('a.html');">A</A>
<A href="JavaScript:next_url('b.html');">B</A>
<A href="JavaScript:next_url('c.html');">C</A>
</body>
</html>

--- JavaScript ファイル ---
function navi_open(){
naviwin = window.open("navi.html","naviwindow","width=200,height=250");
}

※解説
ナビゲーションパネルのリンクをクリックすると、ページが切り替わると同時に
ナビゲーションパネルが閉じます。
クリックしてからナビゲーションパネルが閉じるまでの時間を
setTimeout() 関数を使用し、ミリ秒単位で指定しています。