织梦dedecms导航栏栏目被选中状态

2021-07-05 作者:未知   |   浏览(
不少小白朋友在用织梦CMS 做仿站时,常常问如何达成导航栏被选中的样式,即当在首页时导航栏的首页就处 。
于选中状况,如下图:

图1
当在别的栏目时,导航栏中首页就不处于选中,所在栏目处于被选中状况,如下图:
其实做成这种状况非常简单,一般大家在做DEDECMS模板时,导航栏会放到头部模板head.htm中,假设图1中导航栏,大家用的代码如下:li class=menu_ona href={dede:global.cfg_basehost/}{dede:global.cfg_indexname/}/a/li{dede:channel type=TOP row=10 currentstyle=li class=menu_ona 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_ona 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 ,如此就能做出这中成效了,非常简单吧。