制作簡單方便的橫向菜單:
<script>
function show(eo){
if (eo.style.display=="none"){
eo.style.display="block";
}
else{
eo.style.display="none";
}
}
</script>
<table border=1 bordercolor='#6CD2F8' rules='none' cellpadding='1' cellspacing='2' width='100%'>
<tr>
<td id=MenuTitle1 style='cursor: hand' onclick=javascript:show(lay1) bgcolor=#66FF33 align='center'>公文管理</td>
</tr>
<tr>
<td id=lay1 align='center' style='display:none;'>
<table>
<tr>
<td>發布公文</td>
</tr>
<tr>
<td>查看公文</td>
</tr>
<tr>
<td>公司新聞</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id=MenuTitle5 style='cursor: hand' onclick=javascript:show(lay5) bgcolor=#66FF33 align='center'>超級管理</td>
</tr>
<tr>
<td id=lay5 align='center' style='display:none;'>
<table>
<tr>
<td>菜單管理</td>
</tr>
<tr>
<td>用戶管理</td>
</tr>
<tr>
<td>新聞管理</td>
</tr>
<tr>
<td>權限管理</td>
</tr>
</table>
</td>
</tr>
</table>