主题 : 怎样用jeecms标签做出导航栏下拉效果
级别: 超级版主
UID: 2
积分:3036 加为好友
威望: 24 精华: 5
主题:206 回复:1328
注册时间:2009-06-02
在线时长:2.23
1#   发表于:2013-09-23 15:08:56  IP:111.78.*.*
显示全部 只看该作者
采用jeecms建站的朋友都知道，jeecms网站导航栏是通过标签循环出来的，当栏目分多级时，或者顶级栏目下有多个子栏目时，
jeecms系统默认自带的模板应用的标签并不是下拉的，很多用户想达到如jeecms官网导航栏下拉的效果，效果如下图：


做出这个效果其实很简单，现在就把代码贴出来分享给大家：
多级导航 
<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> 


jeecms官网论坛已经取消了很多隐藏贴，官方发布的帖子大部分都已经取消了隐藏，是为了提升用户体验，但是也产生了一些问题，好的帖子很快沉底了，让很多需要的朋友难以找到，在这里，我提醒大家一下，养成习惯使用jeecms官网论坛的搜索功能，大部分问题都可以找到解决方法，还恳请大家发现好帖子后，请及时顶帖，帮助更多人就是帮助了自己。
朝闻道，夕死可矣。
使用道具
   顶端
级别: 解元
UID: 13469
积分:311 加为好友
威望: 0 精华: 0
主题:24 回复:111
注册时间:2010-12-13
在线时长:0
2#   发表于:2013-11-01 14:43:42  IP:183.63.*.*
显示全部 只看该作者
正在用   顶
使用道具
   顶端
级别: 秀才
UID: 54468
积分:78 加为好友
威望: 0 精华: 0
主题:4 回复:42
注册时间:2013-11-11
在线时长:0
3#   发表于:2013-12-09 15:29:29  IP:114.30.*.*
显示全部 只看该作者
将要用到，顶
使用道具
   顶端
级别: 秀才
UID: 57393
积分:94 加为好友
威望: 0 精华: 0
主题:11 回复:41
注册时间:2014-01-23
在线时长:0
4#   发表于:2014-02-20 17:55:45  IP:123.197.*.*
显示全部 只看该作者
好东西，谢谢分享！
使用道具
   顶端
级别: 童生
UID: 59685
积分:14 加为好友
威望: 1 精华: 0
主题:1 回复:16
注册时间:2014-03-26
在线时长:0
5#   发表于:2014-03-31 13:58:33  IP:42.95.*.*
显示全部 只看该作者
需要引入什么js
css吗？我测试了没有达到效果啊！
使用道具
   顶端
级别: 状元
UID: 33380
积分:50625 加为好友
威望: 21 精华: 3
主题:88 回复:30687
注册时间:2012-05-07
在线时长:0
6#   发表于:2014-03-31 14:00:52  IP:182.212.*.*
显示全部 只看该作者
需要用鼠标悬乎后二级隐藏于显示，你自己还有加一个这个js
功成由勤，业精于勤。
使用道具
   顶端
级别: 白丁
UID: 65443
积分:3 加为好友
威望: 0 精华: 0
主题:0 回复:5
注册时间:2014-08-08
在线时长:0
7#   发表于:2014-08-09 10:36:58  IP:123.164.*.*
显示全部 只看该作者
您好，我刚刚接触jeecms，请问这个js 怎么加呢？麻烦了
使用道具
   顶端
级别: 状元
UID: 33380
积分:50625 加为好友
威望: 21 精华: 3
主题:88 回复:30687
注册时间:2012-05-07
在线时长:0
8#   发表于:2014-08-09 10:41:19  IP:182.2.*.*
显示全部 只看该作者
检查默认的首页js，把系统默认js都放到你新建模板首页
功成由勤，业精于勤。
使用道具
   顶端
级别: 童生
UID: 64728
积分:43 加为好友
威望: 0 精华: 0
主题:2 回复:29
注册时间:2014-07-22
在线时长:0
9#   发表于:2014-08-21 22:20:57  IP:113.139.*.*
显示全部 只看该作者
为了省精力我都把这个省掉了呵呵呵呵。。。
使用道具
   顶端
级别: 白丁
UID: 75707
积分:7 加为好友
威望: 0 精华: 0
主题:1 回复:12
注册时间:2015-05-20
在线时长:0
10#   发表于:2015-05-21 14:50:49  IP:119.94.*.*
显示全部 只看该作者
哪个js
使用道具
   顶端
1 2 3 4 > >| 共4页