懒鸟飞:精品网站源码、帝国cms模板专业分享平台
文章
模板
站点导航
首页
商业模板
门户站
企业站
博客站
导航站
下载站
会员模板
建站工具
帝国插件
站长工具
织梦插件
建站教程
建站经验
帝国教程
织梦教程
SEO优化
网络安全
淘宝店
仿站/调试
当前位置:
首页
>
建站教程
>
织梦教程
织梦导航栏制作下拉菜单
织梦5.7版本的默认模板中,导航栏是没有二级菜单的,其实默认模板中可以设置二级菜单。下面我们就来看看怎样实现织梦默认模板导航栏的二级菜单。
1、为了演示二级菜单的样式,我们创建一个栏目“新闻中心”,其下有3个子栏目“公司新闻”、“行业咨询”、“视频中心” ,创建完成后,生成网站,导航栏没有下拉菜单的样式。下面就是二级菜单的添加方法。
2、首先在默认模板文件夹default的footer.htm文件中的头部加上这段代码<!-- //二级子类下拉菜单,考虑SEO原因放置于底部 -->
<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/}" class="dropMenu">
{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>
把上面代码放入footer.htm后,保存文件,生成一下网站后,网站的导航栏就已经出现二级菜单的样式,样式如下图:
现在就有了二级菜单的样式,并且没有背景,是透明的背景。
3、通过看上面添加的代码,其中调用了一个js文件,是织梦系统的/images/js/dropdown.js ,通过这个路径你会发现文件是织梦系统自带的,不是模板中的,所以我们就算用其他的模板也可以调用这个js样式。
另外我们现在也可以对这个透明的二级菜单做调整,因为二级菜单的样式在织梦默认模板default的style中的dedecms.css中也是默认存在的,打开dedecms.css查询“下拉菜单” 这个词,就可以找到代码,如下图
.dropMenu就是下拉菜单的样式,懂div+css的朋友应该知道怎样修改,不懂的请学习一下css。
4、通过上面的下拉菜单的css样式,我们可以看到,下拉菜单的背景是名称为mmenubg.Gif 的图片,我们可以把下面的图片复制到default的images文件夹下,命名为mmenubg.Gif ,这样下拉菜单就出现背景了。
1
2
下页
尾页
上一篇:
织梦导航栏的调用方法之顶级栏目、二级栏目及三级栏目
下一篇:
织梦图片无缝横向滚动
热门文章
墙与梯的较量——那些年我们一起用过的翻墙手段
怎样在织梦dedecms网站上添加漂浮广告
走进黑客之仿黑客网站(菜鸟装逼专用)
如何使用Tor创建.onion域名网站(创建匿名服务和匿名网站)
帝国CMS如何自动生成sitemap.xml网站地图
织梦的优化和技巧
最新文章
帝国cms使用阿里云服务器封禁25邮件端口后无法发信的解决方法
帝国cms模板首页调用统计会员总人数和最新注册会员名称
阿里云新加坡服务器可能在大陆不能访问
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
帝国CMS如何设置支付宝网站支付功能
帝国cms二开之会员每日下载次数限制的实现
标签云
阿里云
下载站
服务器
虚拟资源
资源网
图片
资源站
次数
资源下载
工作室
自动分页
loginjs
转换
编码
微信
QQ
文章id
花生壳
支付宝
宅宅
淘客
新闻下载
二次元
双语
中英
付费阅读
收录
24小时
最新
登陆
QQ在线咨询
QQ客服
1430826160
淘宝官网
懒鸟飞淘宝店