Treeメニューの改良型です。
親を選択するとメニューが閉じたり開いたりします。
親メニュー1
 ・SubItem 1
 ・SubItem 2
 ・SubItem 3
 ・SubItem 4
 ・SubItem 5
親メニュー2
 ・SubItem 1
 ・SubItem 2
 ・SubItem 3
 ・SubItem 4

途中に本文を入れてみたり。
親メニュー3
 ・SubItem 1
 ・SubItem 2
 ・SubItem 3

以前作成したScriptは<layer>を使っていたため表示位置を絶対指定しないといけなく、
Geocitiesみたくページの頭にバナーを付加されると、レイアウトが決まらないなど問題がありました。
それなら<div style="position:relative"></div>でレイヤーを作れば...というのが今回のポイントです。

IEの基本動作は前回と同じです。
これなら簡単に...と思ったら甘かった。
Netscapeで<div style="position:relative"></div>のレイヤーを移動すると、
文字列は動くものの何故かリンクは移動しない。かなり謎です。
仕方がないのでリンク部分を<layer></layer>で囲ってあげたらうまく動作。
そのかわり実文字列を埋め込む必要があったので、document.write("<br>・・")を追加。
なんとかみてくれは同じになりました。

う〜ん、実用には向かないかな?
Script自体はスッキリしたけど...
改造に自信のある方は使ってみてください。

つりーめにゅー にゅう
HomePage :JavaScriptの部屋別館
E-Mail    :blaze@gol.com
最終更新日 :2000/10/04