ダブルクリックによるメニューの表示

１．概要

トップページには必ず、どこかのページにリンクするための「メニュー」があります
また、別なページでもトップページに戻るリンク、例えば「ホームに戻る」等のリンクが設置されています
任意の位置でダブルクリックすると、メニューを表示し、
簡単に様々なページにジャンプできるようにする方法です

２．サンプル

■　サンプル
このページの任意の位置でダブルクリックをしてみてください
マウスの位置にメニューが表示されます
メニューの文字をクリックすると該当するページにジャンプします
現在は私のページにリンクしていますので、実際に使用する場合は
click.js(外部ファイル)を書き換えてください

３．設置方法

click.js は外部ファイルです

自分のサーバーの任意の位置に設置すると共通して使用する事が出来ます
例えばサーバー上のアドレスを
http://www.xxx.yyy.ne.jp/click.js
とした場合

<SCRIPT type="text/javascript"src="http://www.xxx.yyy.ne.jp/click.js"></SCRIPT>

で呼び出すことが出来ます。はじめての場合は絶対アドレスで呼び出した方が無難です
下記の太字の部分だけを追加します

<HTML>

		<HEAD>

		<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

		<META http-equiv="Content-Style-Type" content="text/css">

		<TITLE>既成のページのタイトル</TITLE>

		

		<SCRIPT type="text/javascript" src="http://www.xxx.yyy.ne.jp/click.js"></SCRIPT>

		<SCRIPT type="text/javascript">

		<!--

		　　　　　var menu_num = 2;//-- メニュー番号

		　　　　　click_menu()

		//-->

		</SCRIPT>

		

		</HEAD>

		<BODY bgcolor="#004800" text="#ffffff">

		

		この部分は、既成のホームページの部分です

		

		</BODY>

		</HTML>

外部ファイルのダウンロード　

４．まとめ

いかがでしょうか
実際に使用してみて、非常に都合がいいので解説しました
どうぞ、活用してみてください