树形导航菜单

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

<td  align="center"><script language="javascript">

</script>	
	<table width="196" border="0" align="left" cellpadding="0" cellspacing="0">
            
			<tr>
        <td height='35' align="left" background="Images/iec_menu_01.jpg" bgcolor="#F3F3F3"> <a href="javascript:showsmallclass('SmallClass0')">   <b>企业级IT外包服务</b></a></td>
      </tr>
			<tr>
				<td colspan="3"></td>
			</tr>			
      <tr id="SmallClass0" style='display:none'>
        <td><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="杀毒软件">服务介绍</a> </td>
            </tr>
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="操作系统">IT外包特殊服务</a> </td>
            </tr>
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="网络产品">日常服务说明及详解</a> </td>
            </tr>
            
        </table></td>
      </tr>
            
			<tr>
        <td  align="left" background="Images/iec_menu_01.jpg" bgcolor="#F3F3F3"> <a href="javascript:showsmallclass('SmallClass1')">   <b>桌面环境管理外包</b></a></td>
      </tr>
			<tr>
				<td colspan="3"></td>
			</tr>			
      <tr id="SmallClass1" style='display:none'>
        <td><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="分机">服务介绍</a> </td>
            </tr>
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="主机">服务流程</a> </td>
            </tr>
                        <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="分机">服务套餐</a> </td>
            </tr>
			            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="分机">服务保证</a> </td>
            </tr>
			            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="分机">服务内容详解</a> </td>
            </tr>
			            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="分机">专项外包服务</a> </td>
            </tr>
        </table></td>
      </tr>
            
			<tr>
        <td  align="left" background="Images/iec_menu_01.jpg" bgcolor="#F3F3F3"> <a href="javascript:showsmallclass('SmallClass2')">   <b>IT钟点工</b></a></td>
      </tr>
			<tr>
				<td colspan="3"></td>
			</tr>			
      <tr id="SmallClass2" style='display:none'>
        <td><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  -<a href="#" title="可视分机">可视分机</a> </td>
            </tr>
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  -<a href="#" title="门口机">门口机</a> </td>
            </tr>
            
            <tr>
              <td height='25' align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  -<a href="#" title="包装">包装</a> </td>
            </tr>
            
        </table></td>
      </tr>
      
			<tr>
        <td  align="left" background="Images/iec_menu_01.jpg" bgcolor="#F3F3F3">    <b><a href="javascript:showsmallclass('SmallClass4')">IT钟点工</a></b></td>
      </tr>	
			<tr>
				<td colspan="3" ></td>
			</tr>					
			
			<tr>
        <td  align="left" background="Images/iec_menu_01.jpg" bgcolor="#F3F3F3">    <b>IT钟点工</b></td>
      </tr>	
			<tr>
				<td colspan="3" ></td>
			</tr>					
			
			<tr>
        <td  align="left" background="Images/iec_menu_01.jpg" bgcolor="#F3F3F3">    <b>IT钟点工</b></td>
      </tr>	
			<tr>
				<td colspan="3" >            <tr>
              <td  align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="杀毒软件">服务介绍</a> </td>
            </tr>
            
            <tr>
              <td  align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="操作系统">IT外包特殊服务</a> </td>
            </tr>
            
            <tr>
              <td  align='left' style="padding-left:6px; border-bottom:1px #CCCCCC solid">  - <a href="#" title="网络产品">日常服务说明及详解</a> </td>
            </tr>
			</tr>	
			<tr>
				<td colspan="3" ></td>
			</tr>					
</table>

提示：您可以先修改部分代码再运行

树形导航菜单

相关文章

精彩推荐