主题 : 三级导航
级别: 童生
UID: 64937
积分:11 加为好友
威望: 2 精华: 0
主题:2 回复:5
注册时间:2014-07-28
在线时长:0
1#   发表于:2014-08-08 11:28:07  IP:218.144.*.*
想做成下面的的三级导航怎么做?
代码:<li  class="on">
<a href="#" class="cur">关于我们</a>
<div class="sub" style="width: 605px;">
<table cellspacing="0" cellpadding="0" width="605" height="258" border="0">
                                      <tbody>
                                      <tr class="font14">
                                        <td width="113" height="55" align="center"><a href="#">公司介绍</a></td>
                                        <td width="113" height="55" align="center"><a href="#">企业文化</a></td>
                                        <td width="113" height="55" align="center"><a href="#">社会责任</a></td>
                                        <td width="266" align="center" rowspan="2">
                                         <table cellspacing="0" cellpadding="0" width="205" border="0">
                                         <tbody>
                                         <tr><td align="center"><img width="203" height="122" alt="公司简介" src="images/1.jpg"></td>
                                         </tr>
                                         <tr><td height="80" align="left"><a style="height:60px; line-height:18px; color:#666666; font-size:12px;" href="#">公司简介</a></td>
                                         </tr>
                                         </tbody>
                                         </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td valign="top" align="center">
                                            <ul>
                                                <li><a href="#">公司简介</a></li><li><a href="#">组织架构</a></li><li><a href="#">发展历程</a></li><li><a href="#">资质荣誉</a></li><li><a href="#">欧瑞博风采</a></li><li><a href="#">联系我们</a></li>
                                            </ul>
                                        </td>
                                        <td valign="top" align="center">
                                            <ul>
                                                <li><a href="#">核心价值观</a></li><li><a href="#">愿景使命</a></li><li><a href="#">品牌战略</a></li>
                                            </ul>
                                        </td>
                                        <td valign="top" align="center">
                                            <ul>
                                                <li><a href="#">普及智能家居</a></li><li><a href="#">绿色环保</a></li>
                                            </ul>
                                        </td>
                                      </tr>
                                    </tbody>
                                    </table>
   <div class="clear"></div>
</div>
</li>
求大神指点
级别: 状元
UID: 33380
积分:50625 加为好友
威望: 21 精华: 3
主题:88 回复:30687
注册时间:2012-05-07
在线时长:0
2#   发表于:2014-08-08 11:35:50  IP:182.207.*.*
三级导航你那么些不是也可以循环出来吗?
功成由勤,业精于勤。
级别: 童生
UID: 64937
积分:11 加为好友
威望: 2 精华: 0
主题:2 回复:5
注册时间:2014-07-28
在线时长:0
3#   发表于:2014-08-08 11:50:10  IP:218.144.*.*
我给你看我写的  <li  class="on">[@cms_channel id='1']
                                   <a href="${tag_bean.url}" class="cur">${tag_bean.name}</a>
<div class="sub" style="width: 605px;">
<table cellspacing="0" cellpadding="0" width="605" height="258" border="0">
                                  <tbody>
                                                      [@cms_channel_list parentId=tag_bean.id]
                                                       <tr class="font14">
                                                        [#list tag_list as a]
                                        <td width="113" height="55" align="center"><a href="${a.url}" >${a.name}</a></td>
                                                        </tr>
                                                       
                                                    [@cms_channel_list parentId=a.id] 
                                                      <tr>
                                     <td valign="top" align="center">
                                            <ul>
                                                             [#list tag_list as a1]
                                                <li><a href="${a1.url}">${a1.name}</a></li>
                                                            [/#list]
                                                            </ul>
                                                      </td>
                                                       </tr>
                                                   [/@cms_channel_list]
                                                   
                                                      [/#list]
                                                        [/@cms_channel_list] 
                                  </tbody>

                        </table>
                                           [/@cms_channel]
  <div class="clear"></div>
</div>
</li>
       
                 这样不行啊求指点       









级别: 状元
UID: 33380
积分:50625 加为好友
威望: 21 精华: 3
主题:88 回复:30687
注册时间:2012-05-07
在线时长:0
4#   发表于:2014-08-08 11:58:43  IP:182.207.*.*
多级导航
<ul>
[@cms_channel_list]
<li><a href="${base}/"><span>网站首页</span></a></li>
[#list tag_list as c] [@cms_channel_list parentId=c.id]
[#if tag_list?size>0]
<li class="havechild">
[#else]
<li>[/#if][/@cms_channel_list]<a href="${c.url}" target="_self"><span>${c.name}</span></a>
[@cms_channel_list parentId=c.id][#if tag_list?size>0]
<ul>
[@cms_channel_list parentId=c.id] [#list tag_list as c1] [@cms_channel_list parentId=c1.id][#if tag_list?size>0]
<li class="havesubchild">
[#else]
<li>[/#if][/@cms_channel_list] <a href="${c1.url}">${c1.name}</a> [@cms_channel_list parentId=c1.id][#if tag_list?size>0]

<ul>
[@cms_channel_list parentId=c1.id] [#list tag_list as c2]
<li><a href="${c2.url}">${c2.name}</a></li>
[/#list]
[/@cms_channel_list]
</ul>
[/#if][/@cms_channel_list] </li> [/#list] [/@cms_channel_list]
</ul>
[/#if][/@cms_channel_list] </li> [/#list] [/@cms_channel_list]
</ul>
本帖最近评分记录:
  • liuliang513    2014-08-08   人气    +5   
  • 功成由勤,业精于勤。
    1 共1页