[织梦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" ,这样就能做出这中效果了,很简单吧。 
回复

使用道具 举报

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 | 显示全部楼层
资源太多了,准备办个会员
回复

使用道具 举报

厉害了,悟空源码资源多教程多!
回复

使用道具 举报

a18945178687 | 2024-2-1 05:44:36 | 显示全部楼层
我是来白嫖悟空源码的资源的!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则