IT教程 | 加入收藏 | 简体 | 繁体
JavaCMS:科汛CMSPhpCMS织梦CMSShopCMS论坛CMSJavaCMS
当前位置: 首页 > CMS教程 > JavaCMS

怎样用jeecms标签做出导航栏下拉效果?怎么做下拉导航?

2014-02-25来源:[www.121ask.com]热度:0℃ 【字体:

怎样用jeecms标签做出导航栏下拉效果?怎么做下拉导航?

采用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> 
 

以上IT文章《怎样用jeecms标签做出导航栏下拉效果?怎么做下拉导航?》由名客技术网[www.121ask.com]提供阅读!
名客技术网是一个免费为广大IT技术人员提供IT教程,绿色软件,asp/php/jsp/java/net等实例视频教程,CMS教程,破解软件下载以及学习相关源码、知识的IT网站。
名客技术网如果无意之中侵犯了您的版权,请来电告知,本站将在3个工作日内删除 QQ:175352796
Copyright 2011-2017 Powered by 121ASK.COM, All Rights Reserved.
备案号:鄂ICP备11013833号-1