设为首页
收藏本站
积分充值
开启辅助访问
切换到宽版
登录
立即注册
只需一步,快速开始
首页
Portal
论坛
BBS
商业源码
站长学院
素材下载
购买本站
搜索
搜索
本版
文章
帖子
用户
悟空源码论坛
»
论坛
›
悟空学院
›
建站平台教程
›
织梦dedecms导航栏栏目被选中状态
返回列表
发新帖
[织梦CMS教程]
织梦dedecms导航栏栏目被选中状态
[复制链接]
1436
|
7
|
2019-1-25 19:26:20
|
显示全部楼层
|
阅读模式
很多新手朋友在用织梦dedecms 做仿站时,经常问怎样实现导航栏被选中的样式,即当在首页时导航栏的“首页”就处 。
于选中状态,如下图:
图1
当在别的栏目时,导航栏中“首页”就不处于选中,所在栏目处于被选中状态,如下图:
其实做成这种状态很简单,通常我们在做时,导航栏会放到头部模板head.htm中,假设图1中 导航栏,我们用的代码如下: <li class="menu_on"> <a href="{dede:global.cfg_basehost/}">{dede:global.cfg_indexname/}</a> </li> {dede:channel type='top' row='10' currentstyle="<li class='menu_on'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"} <li ><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a> </li> {/dede:channel} 从代码中可以看到,首页所属的<li>标签中,有class="menu_on" ,这个样式就是显示被选中状态。其它栏目也需要显示被选中样式,所以需要用添加代码中红色的部分。 但如果我们除首页模板外其它的模板也调用这个head.htm ,当进入其它栏目,如图2中“图片模板”时,首页和图片模板两个栏目都会是被选中的。 所以解决的方法很简单,在做个head1.htm ,供除首页模板外其它模板调用,其代码如下: <li > <a href="{dede:global.cfg_basehost/}">{dede:global.cfg_indexname/}</a> </li> {dede:channel type='top' row='10' currentstyle="<li class='menu_on'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"} <li ><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a> </li> {/dede:channel} 你可能已经看出来了,这次的代码和上次的代码仅仅是首页<li>标签中去掉了class="menu_on" ,这样就能做出这中效果了,很简单吧。
织梦
,
dedecms
,
导航
,
栏目
,
选中
相关帖子
•
[网站特效代码下载]jQuery SuperSlide.js多功能插件制作72个种常用的网页特效_网页JS素材代码
•
织梦cms系统精仿dede58织梦模板下载站网站实战教程
•
织梦建站教程_织梦仿站5G高清视频教程_建站教程全集
•
14款dede58商业版dedecms织梦cms整站源码打包下载
•
27款婚纱婚庆类dedecms织梦模板整站源码打包下载影楼婚庆摄影
•
41款新闻博客类织梦cms整站模板源码打包下载娱乐资讯行业
•
41款学校培训类织梦整站源码事业单位dedecms网站模板打包下载
•
如何选中某个表格
•
腾讯地图导航抽0.5~10元红包 薅羊毛赚钱活动
回复
使用道具
举报
123457264
|
2021-7-3 04:07:05
|
显示全部楼层
加油!悟空源码,继续努力!支持你!
回复
使用道具
举报
厕所有人
|
2021-9-5 03:32:25
|
显示全部楼层
资源太多了,准备办个会员
回复
使用道具
举报
里干整团
|
2021-11-24 01:06:18
|
显示全部楼层
悟空源码资源不错。粉了
回复
使用道具
举报
失室创
|
2022-2-2 00:20:41
|
显示全部楼层
有情怀的站啊,爱了
回复
使用道具
举报
123457025
|
2022-6-1 06:02:37
|
显示全部楼层
这个资源都有真不错
回复
使用道具
举报
刘金栋
|
2022-8-3 04:58:23
|
显示全部楼层
资源太多了,准备办个会员
回复
使用道具
举报
上海庐冠计算机
|
2023-5-3 05:37:55
|
显示全部楼层
厉害了,悟空源码资源多教程多!
回复
使用道具
举报
a18945178687
|
2024-2-1 05:44:36
|
显示全部楼层
我是来白嫖悟空源码的资源的!
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
CMS教程
8927
主题
9268
帖子
5万
积分
网站编辑
积分
55614
加好友
发消息
回复楼主
返回列表
能力提升
建站平台教程
营销推广
网络与运维
数据库
编程语言
前端开发
设计创作
移动开发
电商运营
企业管理
培训提升
学校教育
新媒体
音频资源
综合教程
电子书
图文推荐
Win11-64位-专业版_22H2_22621.1265_iso安装版
2023-04-02
Windows10-x64专业版-稳定、流畅-安装版系统(ISO)
2023-02-11
热门排行
1
大地Ghost Win7 x64位优选纯净版V2022.12
2
Windows10-x64专业版-稳定、流畅-安装版系统(ISO)
3
爱情电影《塔斯鲁波的手提箱2(2004)》1080P磁力链接迅雷下载
4
绿茶Ghost Win11 x64位体验游戏版V2023.02
5
新萝卜家园Ghost Win10 x64位极速纯净版V2023.03
6
悬疑电影《This Corrosion(2003)》1080P磁力链接免费下载
7
爱情电影《望实与君雄 OVA1(2014)》1080P磁力链接迅雷下载
8
Win11-64位-专业版_22H2_22621.1265_iso安装版
9
亲情电影《最后的礼物...归休(2008)》1080P磁力链接免费下载
10
爱情电影《珍禽假意(2001)》1080P磁力链接迅雷下载