簡單的橫向菜單

来源:互联网 发布:淘宝店铺仓库在哪里 编辑:程序博客网 时间:2024/04/29 22:58

制作簡單方便的橫向菜單:

<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> 

原创粉丝点击