天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制 | RSS订阅 | 网站地图 | 联系我们
天兴工作室自用主题2015版上架销售
当前位置:网站首页 教程 正文
内容加载中......

天兴通讯主站用的是dedecms,栏目分类很多,有很多二级栏目。今天突然心血来潮准备把这些二级栏目搞一个下拉菜单,dedecms之前的版本是自带这个功能的,后来不晓得为什么新版本就把这个功能取消掉了,但是js文件和css都还在,于是百度之。

出来的搜索结果打开一看全都是一模一样,很明显全是是转载的。(我起码看了20篇左右,真的是一模一样啊,一个字没改的,汗!)

我个人整理的方法步骤如下:

第一步:在模板文件夹里面找到“footer.html”文件,在里面任意位置加上这些代码:

<script type=’text/javascript’ src=’{dede:global.cfg_cmsurl/}/images/js/dropdown.js’></script>
{dede:channelartlist typeid=’top’ cacheid=’channelsonlist’}<ul id=”dropmenu{dede:field.typeid/}”>
{dede:channel type=’son’ noself=’yes’}  <li><a href=”[field:typelink/]“>[field:typename/]</a></li>
{/dede:channel}
</ul>
{/dede:channelartlist}
<script type=”text/javascript”>cssdropdown.startchrome(“navMenu”)</script>

第二步:如果你修改了dedecms默认的css文件“dedecms.css”,那么你必须保证css里面有以下css代码:

.dropMenu{position:absolute;top:0;z-index:100;width:80px;visibility:hidden;margin-top:-1px;border:1px solid #036;border-top:0 solid #3CA2DC;background-color:#FFF;padding-top:6px;padding-bottom:6px;}.dropMenu li{margin-top:2px;margin-bottom:4px;padding-left:0;}.dropMenu a{width:auto;display:block;color:#000;padding:2px 0 2px 1.2em;}* html .dropMenu a{width:100%;}.dropMenu a:hover{color:red;text-decoration:underline;}

第三步:更新首页看一下,效果已经出来了,然后只需根据自己的页面需求修改css即可。

如果你刷新了还是没有出现效果,那么你肯定是和我一样修改了导航部分的代码。经过我研究了半天发现了其实是这样的:

1、首先你要确定你的导航代码是这样的

{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"} <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li> {/dede:channel}

2、同时还要确定你导航必须要放在一个id为“navMenu”的div里面,class可以自己定义。

3、要确保你网站有这个js文件“/images/js/dropdown.js”。

好了,确保上面三点后你的下拉菜单绝对出来了对不对?如果还没有出来!请自行研究或者测试下你的人品。

我要提问 如果你对于此文还有任何疑问欢迎在文章下面的评论区域留言,如果你的疑问比较多,欢迎在本站的在线提问专业去发布问题,点击右侧的我要提问即可到达。天兴工作室将尽我所能为你解答问题。

本文标签二级栏目 下拉菜单 dedecms

本文地址http://www.txcstx.cn/post/490.html

版权说明:如非注明,本站文章均为 天兴工作室 原创,转载请注明出处和附带本文链接。

哈哈,本文已有 1 位小伙伴发表了看法:

1#3DCG之家 (游客)  评论于 2013-03-31 00:34:24回应ta
很好的文章啊,我的图片站最近想弄一个下拉菜单,找了很多方法正如作者所说呀,普遍一样呢!楼主独树一帜,有前途哦!本人小站 www.3dcgs.com,欢迎光临呀。嗯,你的文章很好呀,我转走了啦!

欢迎 发表评论

必填

选填

选填

必填

◎欢迎在这里交流反馈,垃圾评论会秒删的额...

联系我们
最新评论
标签云
表单插件Nicescroll.js微博历史版本在线分享wordpress蘑菇手机免费zblog垃圾流量评论邮件通知情人节通讯管家充值emlog主题图片隐藏1元体验精简布局阳新程序2013Gravatar头像自适应后台伪静态配置favicon.ico卡刷优惠彩金移动存话费送宽带includeLumia 800C移动315流量套餐升级zblog评论指定分类新版账详单
热门模板