小李SEO博客

网站优化服务

dedecms当前栏目高亮显示方法

请问在织梦dedecms模板中如何实现导航栏中当前栏目的样式和非当前栏目不同,也就是当前栏目高亮显示?如果是页面是当前栏目的页面,比如说导航中有:这五个导航栏目,那么当我浏览<公司简介>这一栏目时<公司简介>在导航条中就高亮显示如:首页、公司简介、公司新闻、产品中心、联系我们或者采用另外的css样式,像:背景改为红色,非当前栏目就采用别的css样式。怎么实现这个功能呢?

1:首选我们来了解一下(channel)标签的使用:标签名称:channel标记简介:织梦常用标记,通常用于网站顶部以获取站点栏目信息,方便网站会员分类浏览整站信息功能说明:用于获取栏目列表适用范围:全局使用基本语法:{dede:channel type='top' row='8' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>"}<li><a href='[field:typelink/]'>[field:typename/]</a></li>{/dede:channel}参数说明:typeid = '0' 栏目IDreid = '0' 上级栏目IDrow = '100' 调用栏目数col = '1'分多少列显示(默认为单列)type = 'son | sun' son表示下级栏目,self表示同级栏目,top顶级栏目currentstyle = ''应用样式class='thisclass' thisclass这个是自由的,他代表的意思是样式表里面,你所给的高亮显示的样式。底层模板字段:ID(同 id),typeid, typelink, typename, typeurl,typedir(仅表示栏目的网址)例:{dede:channel type='top'}<a href='[field:typelink /]'>[field:typename/]</a>{/dede:channel}注:在没有指定typeid的情况下,type标记与模板的环境有关,如,模板生成到栏目一,那么type='son'就表示栏目一的所有子类。

请看我的 dedecms模板中导航部分代码:<DIV class=menu><UL><LI><A href="/">首页</A> </LI>{dede:channel type='self' row='8' currentstyle="<li class=hover><a href=~typelink~>~typename~</a></li>"}<LI><a href='[field:typelink/]'>[field:typename/]</a></LI>{/dede:channel}</UL></DIV>那么我们在样式表里面的hover就是控制高亮显示的样式:.menu{里面就不多写了}.menu ul{里面就不多写了}.menu ul li{里面就不多写了}.menu ul li a{里面就不多写了}.hover{background:url(bg-nav.jpg) no-repeat;}上面这段是我的网页顶部导航菜单,其中currentstyle就是用来实现当前栏目突出显示的。

class=hover自然是我定义的当前栏目样式啦!这里就涉及到了织梦dedecms的标签问题,其实熟悉dedecms标签的同学对这个问题就不会为难,以下是dedecms的官方频道标签(也就是导航条用到的标签)说明:其中 class='thisclass' 中的thisclass就是你定义的css样式类别名(class,类别选择器),应用时改为你定义的class。class='thisclass'放在<a>标记中则css样式作用于<a>,也可以放在<li>标记中,作用于<li>标记。

上一篇:dedecms修改上传文件类型 下一篇:dedecms文章列表有缩略图显示没有缩略图的不显示图片
织梦cms相关文章阅读
  • 织梦cms采集数据时出现正文内容为空的解决办法

    小李网络公司介绍织梦cms采集数据时出现正文内容为空知识,包括dede采集数据时出现正文内容为空的解决办法-织梦二次开发,dede采集无内容dede采集过滤多个dede优酷采集dede帝国采集功能dede单页采...

  • 解决织梦cms栏目ID不能从1开始的方法

    小李网络公司介绍织梦cms栏目ID知识.包括织梦文章及栏目删除后ID从1开始的方法,织梦dedecms增加栏目或文章时ID不从1开始的解决方法,怎样让dedecms文档id从1开始?...

  • 织梦cms5.7点击图片进入下一页的方法

    小李网络公司介绍织梦cms5.7点击图片进入下一页的方法知识,包括dede如何实现点击图片进入下一页 dedecms 5.7文章中点击图片进入下一页,dedecms列表页上一页下一页翻页单独调用的方法_织梦园....

  • 织梦cms网站logo图更滑教程

    小李网络公司介绍织梦cms网站logo图更滑教程知识,包括织梦模板首页logo修改dedecmsslogo修改dedecms更换轮播图dedecms更改模板织梦更换模板dedecms更换banner如何更换织梦主页dedecms界面更换....

  • 织梦cms5.7在任意栏目获取顶级栏目名称及链接方法

    小李网络公司介绍织梦dedecms5.7在任意栏目获取顶级栏目名称及链接方法知识,包括栏目名称大全创意栏目名称好听的栏目名称大全有趣的栏目名称设计栏目名称文化栏目名称大全健康栏目名称大...

  • 织梦cms网站优化设置修改文档的默认命名规则

    小李网络公司介绍织梦cms修改文档默认命名规则知识,包括dede优化设置修改文档的默认命名规则_织梦58,dede列表页第一行dede上传文档文件及文件夹命名规则文件的命名规则和结构word文档命名规则...

  • 织梦cms全站关键字自动添加链接方法

    小李网络公司介绍织梦cms全站关键字自动添加链接方法知识,包括dedecms文章内容自动添加关键字链接的方法,如何为网站为现有的关键词自动加上链接 - 百度知道....

  • 织梦cms模板不能解析.html扩展名问题

    小李网络公司介绍织梦cms模板不能解析.html扩展名问题知识,包括css文件的扩展名为html文件的扩展名通常是所有网页的扩展名都是html吗html5扩展名动态网页的文件扩展名通常是powerpoint模板的扩展...

  • 织梦cms系统常用问题处理方法收集

    小李网络公司介绍织梦cms系统常用问题处理方法知识,包括dedecms织梦系统常用问题处理方法收集_织梦58,织梦cms建站教程目前常用的垃圾处理方法有哪些织梦 建站dedecms织梦系统减少垃圾常用的方...

  • 织梦cms首页添加根据IP访问区域跳转对应页面方法

    小李网络公司介绍织梦cms首页添加根据IP访问区域跳转对应页面方法知识,包括织梦跳转到我想要的页面dedecms导航栏跳转到页面dedecms文章跳转dede跳转首页织梦单页面文档dedecms文章页面dedecms页面...

  • 织梦cms列表内容页调用顶级栏目ID方法

    小李网络公司介绍织梦cms列表内容页调用顶级栏目ID方法知识,包括织梦相关文章调用织梦常用调用标签dedecms调用网站织梦调用代码dedecms怎么调用dedecms栏目页标签dedecms栏目代码dedecms栏目合并...

  • 织梦cms调用指定栏目内容和描述代码

    小李网络公司介绍织梦cms调用指定栏目内容和描述代码知识,包括织梦常用调用标签织梦相关文章调用织梦首页调用文章列表织梦栏目内容调用织梦内容也调用织梦cms建站教程dedecms织梦系统织梦...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640