jeecms网站导航栏
来源:互联网 发布:网络上弧是什么意思 编辑:程序博客网 时间:2024/04/24 15:52
采用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官网论坛的搜索功能,大部分问题都可以找到解决方法,还恳请大家发现好帖子后,请及时顶帖,帮助更多人就是帮助了自己。
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官网论坛的搜索功能,大部分问题都可以找到解决方法,还恳请大家发现好帖子后,请及时顶帖,帮助更多人就是帮助了自己。
- jeecms网站导航栏
- JEECMS
- JEECMS
- JEECMS
- jeecms
- jeecms开发两个网站项目心得
- jeecms网站手机访问的处理
- jeecms网站开发出现会员登录页面
- Jeecms网站直接访问html静态页面
- 利用jeecms搭建网站笔记记录
- 网站导航
- 网站导航
- 网站导航
- 网站导航
- 网站导航
- 网站导航
- 网站导航
- 亚马逊网站导航栏的变迁史
- 提升企业效率减排成重点环保电表持续发挥好效应
- 自驾游怎能不看准时间出动 国庆长假不好好利用怎对得起自己
- 网络游戏架构
- 可穿戴设备市场炙手可热成现代市场抢占热点
- sizeof的总结,还有对字符数组的理解
- jeecms网站导航栏
- Object类总结
- 一个基于WF的业务流程平台
- 图片滚轮插件-SCROLLER
- 分布式系统监视 zabbix
- 查找N个数中第K大的数
- 成功实现C/C++调用Java (Android NDK 开发)--参考1
- eclipse设置
- 服务器同步工具 sersync