onMouseOver，Outを使用したドロップダウン型メニューを作りたい

質問

★ヘッダ内
function mymenu(titles){
if((document.getElementById) && (!document.all))
{
titles=document.getElementById(titles).style;
if (titles.visibility=='hidden') titles.visibility="visible";
else titles.visibility='hidden';
}
else{
titles=document.all[titles].style;
if (titles.visibility=='hidden') titles.visibility="visible";
else titles.visibility='hidden';
}
}
★本文
<base target="_blank">
（…中略…）
<td class="top_menu" align="center" nowrap bgcolor="#000099" width="60" height="23">
<a style="text-decoration:none" href="JavaScript:mymenu('drop1')" target="_self">仮名</a><br>
<div id="drop1" style="position: absolute; width: 120px; height: 60px; background-color: #000099; visibility:hidden">
<a href="#" target="_blank">あ</a><br>
<a href="#" target="_blank">い</a><br>
<a href="#" target="_blank">う</a><br>
</div>
</td>

上が現在のソースで、テーブルでレイアウトしています。
これをonMouseOver，Outを使用したドロップダウン型メニューにできないでしょうか？
宜しくお願いいたします。

<イメージ>http://www.adobe.co.jp/　…フラッシュは不要です。

回答No.1

karumakaruma · ベストアンサー

<TABLE>を使うなら<div>を使う必要ないかも・・・
＃形が崩れる可能性があるので

スクリプト部
function mymenu(titles){
tMenu=(document.all)?document.all(titles).style:document.getElementById(titles).style;

if( tMenu.display == "none" ){
tMenu.display = "block";
} else {
tMenu.display = "none";
}
}

ボディー部（簡略化）
<TABLE border=0 cellspacing=0 cellpading=0>
<TR>
<td align="center" onMouseOver="mymenu('drop1')" onMouseOut="mymenu('drop1')">
<a href="#">仮名</a><br>
</td>
</TR>
<TR>
<TD id="drop1" style="display:none" onMouseOver="mymenu('drop1')" onMouseOut="mymenu('drop1')">
<a href="#" target="_blank">あ</a><br>
<a href="#" target="_blank">い</a><br>
<a href="#" target="_blank">う</a><br>
</TD>
</TR>
</TABLE>

お礼

無事に作り変えることができました！
ありがとうございます。