实现tab下拉(点击‘技术论坛’显示本列下的各个语言类,然后点击语言类显示详细)
<table width="640" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="150" valign="top">
<table width="140" border="0" cellspacing="0" cellpadding="2">
<tr>
<td valign="top" width="6"><font style="font-size:12px" color="#CC9966">■</font></td>
<td width="136"><font style="font-size:12px"><a href="#">技术论坛</a></font>
<table width="110" align="right">
<tr><td style="font-size:12px">.NET技术
<table align="right" width="110" style="font-size:12px">
<tr><td>C#</td></tr>
<tr><td>C# builder</td></tr>
<tr><td>J#</td></tr>
<tr><td>ASP.NET</td></tr>
<tr><td>.NET Framework</td></tr>
<tr><td>WEB Services</td></tr>
<tr><td>VB.NET</td></tr>
<tr><td>VC.NET</td></tr>
<tr><td>Delphi.NET</td></tr>
</table>
</td></tr>
<tr><td style="font-size:12px">java技术
<table align="right" width="110" style="font-size:12px">
<tr><td>java SE</td></tr>
<tr><td>java ME</td></tr>
<tr><td>java WEB</td></tr>
<tr><td>java EE</td></tr>
<tr><td>java EE</td></tr>
<tr><td>Eclipse</td></tr>
</table>
</td></tr>
<tr><td style="font-size:12px">WEB开发技术
<table align="right" width="110" style="font-size:12px">
<tr><td>ASP</td></tr>
<tr><td>JSP</td></tr>
<tr><td>JavaScript</td></tr>
<tr><td>Ajax技术</td></tr>
<tr><td>VB Script</td></tr>
<tr><td>CGI</td></tr>
<tr><td>XML/SOAP</td></tr>
<tr><td>IIS</td></tr>
<tr><td>Apache</td></tr>
<tr><td>应用服务器</td></tr>
<tr><td>HTML/CSS</td></tr>
<tr><td>Coldfusion</td></tr>
<tr><td>Ruby/Rails</td></tr>
</table>
</td></tr>
<tr><td style="font-size:12px">PHP技术
<table align="right" width="110" style="font-size:12px">
<tr><td>开发资源</td></tr>、
<tr><td>基础编程</td></tr>
<tr><td>Framework</td></tr>
</table>
</td></tr>
<tr><td style="font-size:12px">MS-SQL Server技术
<table align="right" width="110" style="font-size:12px">
<tr><td>基础类</td></tr>、
<tr><td>应用实例</td></tr>
<tr><td>疑难问题</td></tr>
<tr><td>技术前沿</td></tr>
<tr><td>BI</td></tr>
</table>
</td></tr>
<tr><td style="font-size:12px">Windows专区
<table align="right" width="110" style="font-size:12px">
<tr><td>Windows7/Vista</td></tr>、
<tr><td>WindowsXP/2003/2008</td></tr>
<tr><td>Windows9P/2000/NT</td></tr>
<tr><td>网络管理配置和工具使用</td></tr>
<tr><td>安全技术/病毒</td></tr>
<tr><td>一般使用软件</td></tr>
<tr><td>Microsoft Office应用</td></tr>
</table>
</td></tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="6"><font style="font-size:12px" color="#CC9966">■</font></td>
<td width="136"><font style="font-size:12px"><a href="#">就业论坛</a></font>
<table>
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="6"><font style="font-size:12px" color="#CC9966">■</font></td>
<td width="136"><font style="font-size:12px"><a href="#">实训论坛</a></font></td>
</tr>
<tr>
<td valign="top" width="6"><font style="font-size:12px" color="#CC9966">■</font></td>
<td width="136"><font style="font-size:12px"><a href="#">兼职论坛</a></font></td>
</tr>
<tr>
<td valign="top" width="6"><font style="font-size:12px" color="#CC9966">■</font></td>
<td width="136"><font style="font-size:12px"><a href="#"></a></font></td>
</tr>
</table>
[解决办法]
这不就是树形菜单的效果吗在网上查一下“树形菜单”有很多代码看看就知道了
[解决办法]
什么问题呀???
[解决办法]
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <style type="text/css">ul,h5{margin:0;padding:0;}.cb{width:150px;margin:2px 0;display:none;}.cb h5{background:#f7f7f7; cursor:pointer;}.cb ul{display:none;}.cb li{margin-left:15px; list-style-type:none;line-height:18px;} </style> <script type="text/javascript"> $(function(){ $('#menu').click(function(){ $('.cb').fadeIn().find('h5').click(function(){ $(this).siblings('ul').slideDown().parents('.cb').siblings().find('ul').slideUp(); }); }) }) </script>