提供zblog模板_zblog主题_wordpress模板的下载和定制

dedecms V5.7实现二级栏目下拉菜单的方法(亲测不是转载的)

天兴工作室 2013-03-07 23:10 教程 15376 3 评论


天兴通讯主站用的是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”。

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


没有找到能解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

3 位网友评论:

  • 代寫

    代寫 6年前 (2018-05-21) 回复

    如果你想用你最喜欢的网站或链接生存,那么你可以享受与QR码的服务,并从这个完美的区域获得所有可能的方向。在.....的帮助下,您可以在这里享受更美好的时光。

  • 岗位

    岗位 6年前 (2018-04-11) 回复

    这是所有人的理想职位

  • 智慧城市之家

    智慧城市之家 7年前 (2016-11-24) 回复

    这个,写的比其他都要详细;但是但是但是我首页代码导航不是这样的,修改的话就出错,这个可怎么搞呢

欢迎 发表评论: 取消回复

请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
  • 登 录
  • 注册账号 忘记密码?
  • 注 册
  • 已有账号?直接登录 忘记密码?
  • 社交账号登录