階層メニューでリンク
コンテンツをクリックすると、メニューが表示されます。
ソース
<html>
<head>
<title>階層メニュー</title>
<SCRIPT Language="JavaScript">
<!--
function myMenu(num){
obj=document.all[num].style;
flag=obj.display;
if(flag=="none"){
obj.display="block"
}else{
obj.display="none"
}
}
// -->
</SCRIPT>
</head>
<body>
<a href="JavaScript:void(0)" onClick="myMenu('M1');return false">コンテンツA</a><br>
<span id="M1" style="display:none">
├<a href="test_page1.html">メニュー1</a><br>
├<a href="test_page1.html">メニュー2</a><br>
└<a href="test_page1.html">メニュー3</a><br>
</span>
<br>
<a href="JavaScript:void(0)" onClick="myMenu('M2');return false">コンテンツB</a><br>
<span id="M2" style="display:none">
├<a href="test_page1.html">メニュー4</a><br>
├<a href="test_page1.html">メニュー5</a><br>
└<a href="test_page1.html">メニュー6</a><br>
</span>
<br>
<a href="JavaScript:void(0)" onClick="myMenu('M3');return false">コンテンツC</a><br>
<span id="M3" style="display:none">
├<a href="test_page1.html">メニュー7</a><br>
├<a href="test_page1.html">メニュー8</a><br>
└<a href="test_page1.html">メニュー9</a>
</span>
</body>
</html>
JavaScript GarageのTopへ戻る