主题 : nav 导航栏的下拉菜单制作
级别: 解元
UID: 19918
积分:238 加为好友
威望: 4 精华: 0
主题:22 回复:110
注册时间:2011-05-24
在线时长:0
1#   发表于:2017-02-13 13:26:21  IP:221.140.*.*
显示全部 只看该作者
根据论坛版主提供的代码，下拉菜单已经做出来了，但是点击导航栏的频道，需要频道变色修改到现在都有小问题。。



看下代码：


把代码修改成这样，最后一个频道，不点击的时候是正常的，一点击 样式出错了。。 


     [#else]   
      [#list tag_list as c] 
      [#if c_index<4] 
获取当前导航栏频道的代码放在这里，下拉菜单css有问题。。。

[@cms_channel_list parentId=c.id]   
 [#if tag_list?size>0] 
<!--下拉菜单箭头的图标--> 
<li class="more">  
 [#else] 
 <li> 
 [/#if] 
 [/@cms_channel_list] 
放在这里也是有问题。。。。。
[#if channel??&&channel.id==c.id] 
<li class="on">[/#if] 

<a href="${c.url}">${c.name}</a> 
  [@cms_channel_list parentId=c.id] 
  [#if tag_list?size>0] 
  <ul class="menu-child"> 
 [@cms_channel_list parentId=c.id] 
[#list tag_list as c1] 
<li> 
[@cms_channel_list parentId=c1.id] 
[#if tag_list?size>0] 
[#else] 
[/#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> 
  <li >&nbsp;</li> 
  [/#if] 
  [/@cms_channel_list] 
 </li> 
      [/#if] 
      [/#list]


使用道具
   顶端
级别: 解元
UID: 19918
积分:238 加为好友
威望: 4 精华: 0
主题:22 回复:110
注册时间:2011-05-24
在线时长:0
2#   发表于:2017-02-13 13:27:12  IP:221.140.*.*
显示全部 只看该作者
使用道具
   顶端
级别: 解元
UID: 19918
积分:238 加为好友
威望: 4 精华: 0
主题:22 回复:110
注册时间:2011-05-24
在线时长:0
3#   发表于:2017-02-13 13:29:10  IP:221.140.*.*
显示全部 只看该作者
看了下出错的 网页源码 
其实下载前面 就是多了个 
<li class="on">      <a href="http://192.168.22.53:8080/download/index.jhtml">下载</a>



使用道具
   顶端
级别: 总版主
UID: 10736
积分:149787 加为好友
威望: 212 精华: 42
主题:297 回复:127674
注册时间:2010-09-08
在线时长:90.1
4#   发表于:2017-02-13 13:29:22  IP:117.124.*.*
显示全部 只看该作者
样式有什么问题？？
路漫漫其修远兮，吾将上下而求索!
使用道具
   顶端
级别: 解元
UID: 19918
积分:238 加为好友
威望: 4 精华: 0
主题:22 回复:110
注册时间:2011-05-24
在线时长:0
5#   发表于:2017-02-13 13:31:38  IP:221.140.*.*
显示全部 只看该作者
对比了官方的演示版，只要是有下拉菜单的，是不现实变色的。
使用道具
   顶端
级别: 解元
UID: 19918
积分:238 加为好友
威望: 4 精华: 0
主题:22 回复:110
注册时间:2011-05-24
在线时长:0
6#   发表于:2017-02-13 13:34:05  IP:221.140.*.*
显示全部 只看该作者
不是样式问题，菜单循环后多了一句话代码，暂时搞不定。。。
使用道具
   顶端
级别: 总版主
UID: 10736
积分:149787 加为好友
威望: 212 精华: 42
主题:297 回复:127674
注册时间:2010-09-08
在线时长:90.1
7#   发表于:2017-02-13 13:34:32  IP:117.124.*.*
显示全部 只看该作者
对比了官方的演示版，只要是有下拉菜单的，是不现实变色的。
变色不变色这个是样式控制的您自己让每个调整下样式不就可以吗，样式问题论坛没办法写
路漫漫其修远兮，吾将上下而求索!
使用道具
   顶端
级别: 解元
UID: 19918
积分:238 加为好友
威望: 4 精华: 0
主题:22 回复:110
注册时间:2011-05-24
在线时长:0
8#   发表于:2017-02-13 15:41:34  IP:221.140.*.*
显示全部 只看该作者
通过修改，暂时是可以正常使用了，但是看了下html代码里面的<li class ="on" 不能使用>结尾，加上>效果就没有了。。

使用道具
   顶端
级别: 总版主
UID: 10736
积分:149787 加为好友
威望: 212 精华: 42
主题:297 回复:127674
注册时间:2010-09-08
在线时长:90.1
9#   发表于:2017-02-13 15:43:14  IP:117.124.*.*
显示全部 只看该作者
好的，那你就按照你原来写法写就可以了
路漫漫其修远兮，吾将上下而求索!
使用道具
   顶端
1 共1页