展開するメニューは、FLASHでも作れると思いますが、JavaScriptを使って実現することも可能です。
簡単なソースを作ってみました。
<html>
<head>
<script type="text/javascript"><!--
function pldwn(trgid){
if (document.getElementById){
tar=document.getElementById(trgid);
if (tar.style.display=="none"){
tar.style.display="inline";
}
else {
tar.style.display="none";
}
}
}
// --></script>
</head>
<body>
<p><a href="#" onClick="pldwn('smn1')">メインメニュー1</a><br>
<span id="smn1" style="display: none;">
<a href="***.htm">サブメニュー1-1</a><br>
<a href="***.htm">サブメニュー1-2</a></span>
<br>
<a href="#" onClick="pldwn('smn2')">メインメニュー2</a><br>
<span id="smn2" style="display: none;">
<a href="***.htm">サブメニュー2-1</a><br>
<a href="***.htm">サブメニュー2-2</a></span>
<br>
サブメニューが中に割り込むように表示されます。
</p>
<hr>
<table>
<tr>
<td style="width: 10em;">
<a href="#" onClick="pldwn('smn3')">メインメニュー3</a><br>
<span id="smn3" style="display: none; position: absolute; background: white; z-index: 1;">
<a href="***.htm">サブメニュー3-1</a><br>
<a href="***.htm">サブメニュー3-2</a></span>
</td>
<td style="width: 10em;">
<a href="#" onClick="pldwn('smn4')">メインメニュー4</a><br>
<span id="smn4" style="display: none; position: absolute; background: white; z-index: 1;">
<a href="***.htm">サブメニュー4-1</a><br>
<a href="***.htm">サブメニュー4-2</a></span>
</td>
</tr>
</table>
<p>サブメニューがプルダウンメニュー風に下の表示に被ります。 こちらはテーブルで表示位置を調整しています。</p>
</body>
</html>
これをコピペして、HTMLファイルとして保存し、ブラウザで表示して見てください。 IE6、Netscape7,1、Opera7.11では動作することを確認してあります。 JavaScriptでもこれだけのことは可能ですよ。
ここで挙げたものよりも良いスクリプトも、公開されていると思います。 検索サイトで「DHTML メニュー」、あるいは「DHTML ツリーメニュー」、「DHTML ドロップダウンメニュー」などのキーワードで検索してみると、そういったスクリプトを公開しているサイトも見つかると思いますので、探してみるのも良いと思いますよ。
参考になれば幸いです。
