機能WindowsのExplorer風のツリー形式での展開が可能なメニュー形式のスクリプトです。世の中にある一般的なものと機能は殆ど変わらないのですが、無限大に展開が可能な構成をとっています。(サンプルでは10段までに設定。確認もここまで)当然クロスブラウズしていますので、IEでもNNでも対応可能です。CSSによるスタイル指定によりきめ細かな設定が可能です。その他、メニュー同士の隙間を任意に変更可能です。利用方法HEAD部分にスタイルとスクリプトを記述します。メニュー内のスタイルもここに記述します。外部JavaScriptファイルを読み込みます。サンプルでは、HTMLファイルと同一ディレクトリに「menudb.js」としておいてあります。部分をHTMLファイルに対する相対パスで指定し直して下さい。このファイルの中身については詳細をご覧下さい。A要素にHREF属性でリンク先を「JavaScript:void(0)」にします。この他にも、mouseovereのイベントハンドラを設定しますが、JavaScriptの関数「Mover(レイヤー名)」を指定します。レイヤー名はDIV要素のID属性値を指定するものです。この他、そのメニューに対して子メニューが存在する場合は画像を指定します。この画像に対しても、それぞれレイヤー名の指定が必要です。当スクリプトは上記の外部JavaScriptファイルとBODY部分のDIV要素(レイヤー)との対比を確実にとる必要があります。これを間違うと正常に作動しません。画像ファイルメニューを展開済み(−の画像)か未展開(+の画像)なのかを画像で示しています。これらの画像ファイルのパスを指定します。画像は2種類まで対応しており、各自で変更可能です。外部JavaScriptファイルサンプルではHTMLファイルと同一ディレクトリにあります。このファイルにはメニューの情報が記述されており、省略不可です。src="menudb.js"></script>」で読み込んでいます。中身の設定方法には色々と決まり事があります。参考の画像に詳細があります。改造方法メニューの数を自由に変更可能です。その際、外部スクリプトとHTMLのBODY部分を一部変更する必要があります。スタイルは比較的簡単に設定可能です。この他、メニューの項目の隙間や位置を変更することもできます。メニューの指定方法などに若干の決めごとがあります。これらを守らないと正常に動作しませんのでご注意下さい。(MaxStep)メニューの最大の段数です。無限大と言いつつ、これで最大数を制限しています。必要に応じて拡張して下さい。初期値は「10」となっているので、最大10段までのメニューが作れます。メニューの作成HTMLのBODY部分にDIV要素で作ります。画像が必要な場合はここにIMG要素も含みます。このメニューにそれ以上展開する必要がない場合は、A要素もIMG要素も必要ありません。下記に一例を示します。それぞれCLASS属性でスタイルも変えています。メニューを増やす場合、必ず同じ名前のID属性は存在しないようにして下さい。メニュー構成や数の変更は必ず外部JavaScriptファイルの対応をとって下さい。「name="jL112"」には違う名前を付ける必要があります。id="iLc1121">CONTENTS112-1</div>外部JavaScriptファイル当スクリプトで最も重要な部分です。BODY要素に記述したメニューに対して対応するメニューの情報を記述する必要があります。メニュー構成の決まり事に関しては参考の画像を見て直感的に理解して下さい(言葉の説明よりは簡単なハズ)。1つだけ約束事があります。メニューの設定の最後に、下記の文を記述して下さい。これがなければ無限ループに陥り、メモリ浪費が発生します。最悪の場合、システムが不安定になることもありますのでご注意下さい。"END";このファイルの中には下記の4種類の情報を記述します。これらが間違った場合、JavaScriptエラーが発生します。menu[(n-1)*LI+STEP]メニューの段数を指定。1段目ならば「1」2段目は「2」とする。menu[(n-1)*LI+LAYER]HTMLのBODY部に指定したID属性値をクォーテンション(')で括り指定する。menu[(n-1)*LI+CHLAY]通常、下にメニューがあれば子レイヤーを持つことになる。その場合は「1」を指定する。ない場合は最後のコンテンツ部分に該当し、「0」を指定する。menu[(n-1)*LI+IMLAY]子レイヤーを持つ場合は指定するのが普通。IMG要素のNAME属性値をクォーテンション(')で括り指定する。存在しない場合はnull値とし、クォーテンション以外は何も記述しない。上記、「メニューの作成」に該当する記述方法は、下記のようになります。"";表示位置CSSリファレンスに従って、変更可。Topメニュー全体の上位置をピクセルで指定。Leftメニュー全体の左座標をピクセルで指定。Widメニューの幅をピクセルで指定。Heiメニューの高さをピクセルで指定。dLeft親メニューと子メニューの横座標のずれ量をピクセルで指定。Spaceメニュー縦間隔をピクセルで指定。画像プラス、マイナスの画像ファイルを指定します。HTMLファイルに対する相対パス、または絶対パスで指定します。プラスマークは非展開時、マイナスマークは展開時で、それぞれ以下のように設定しています。"END";修正履歴2000.10.04ページ読込時のゴミ表示対応のため、visibility:hiddenを追加2001.9.02N6対応。