SkyLine -空の素材- +ホームページの作り方+

　階層メニュー　

　クリックするとメニューが展開され、もう1度クリックすると閉じる階層メニューです。
使用にあたって、bodyタグ中に背景の設定などに続けて　onclick=tenkai()　と付け足してください。

<body　background="パス"　onclick=tenkai()>

JavaScript

+項目0
+項目1
+項目2

HTMLの基礎

+STEP0
+STEP1
+STEP2

function tenkai() {
 if ("" !=event.srcElement.id) {
 var ka = event.srcElement.id+ "set"
 var ko = document.all[ka] 
 if (null!=ko) ko.style.display = "none" == ko.style.display ? "" : "none"
      event.returnValue=false
    }
  }

</SCRIPT>

<A  href="JavaScript"><font ID="1">JavaScript</A><br> 
<DIV ID="1set" style="display:none">
    <a href="js0.html">+項目0</a><br>
    <a href="js1.html">+項目1</a><br>
    <a href="js2.html">+項目2</a><br>
  </DIV>

<A  href="JavaScript"><font ID="2">HTMLの基礎</A><br>
<DIV ID="2set" style="display:none">
    <a href="step0.html">+STEP0</a><br>
    <a href="step1.html">+STEP1</a><br>
    <a href="step2.html">+STEP2</a><br>
  </DIV>

<!-- 以下
<A  href="JavaScript"><font ID="3">タイトル</A><br> //IDを変えていく
<DIV ID="3set" style="display:none"> //IDを上の行で設定したIDに合わせる。
    <a href="リンク先のパス">メニュー1</a><br> 
    <a href="リンク先のパス">メニュー2</a><br> //メニューはいくつでも。
  </DIV> 
また、文字ではなく画像をクリックして展開させたい場合は、
<font ID="">のところを<img src="画像のパス" ID="" border="0">としてください。

**bodyタグ中に背景の設定などに続けて onclick=tenkai() と付け足してください。**
-->

△メニューへ△

▲サイトTopへ