TOP /すぐに使えるJavaScript ツリーメニュー(シンプル)


JavaScript
HTML


<style type=text/css><!--
LI {font-size:10pt;}
A { text-decoration:none; }
--></style>
<script language=JavaScript ><!--
function MyMenu(tName){
tMenu=(document.all)?document.all(tName).style:document.getElementById(tName).style;
(tMenu.display=='none')?tMenu.display="block":tMenu.display="none";
}/* himajin.moo.jp */
// --></script>

----ここから-----
<a href="JavaScript:MyMenu('treeMenu1')">JavaScript</a><br>
  <div id="treeMenu1"style="display:none">
     <a href="リンク先アドレス"><LI>リンクNo1</a>
     <a href="リンク先アドレス"><LI>リンクNo2</a>
     <a href="リンク先アドレス"><LI>リンクNo3</a>
                ----リンクの数だけ上の行をコピー-----
  </div>
----ここまでをメニューの数だけコピー-----
<a href="JavaScript:MyMenu('treeMenu2')">HTML</a><br>
  <div id="treeMenu2"style="display:none">
     <a href="リンク先アドレス"><LI>リンクNo1</a>
     <a href="リンク先アドレス"><LI>リンクNo2</a>
     <a href="リンク先アドレス"><LI>リンクNo3</a>
  </div>