J5导航条高亮显示js控制on代码

weeya9个月前JTBC教程431

导航菜单实现高亮显示,增加一个js判断,菜单增加一个id调用。

1、页脚增加这个判断
        <!-- header menu active hover -->
        <script type="text/javascript"> document.getElementById("{$>this.genre}").className = "active"; </script>

2、导航条li或者a标签加上 id="news"即可。


另外一种情况,需要把clss样式写进className里面,同时active改成on即可。
<!-- header menu active hover -->
        <script type="text/javascript"> document.getElementById("{$>this.genre}").className = "headb_navboxitema on"; </script>

返回列表

上一篇:J5详情页获取当前分类父分类ID

没有最新的文章了...

相关文章

J5增加tag标签自定义URL

1、index.php文件detail节点$rsTag = strval($rs -> tag);//增加tag模块管理-添加字段tag,16标签输入框。2、tag/矿山副井井筒装备安装/htt...

J5_06关于我们联系我们内容页

1、头尾模板调用代码{$=$take('global.communal.header')}{$=$take('global.communal.footer')}{$ti...

J5_03首页模板

1、头尾模板调用代码{$=$take('global.communal.header')}{$=$take('global.communal.footer')}2、调用...

J5增加PDF附件下载功能

1、模块管理增加att字段,选择29附件管理器2、模板代码<table class="table table-striped m-0"><tbody><...

J5模块首页-列表分类-文章页面自定义TDK

J5模块首页-列表分类-文章页面自定义TDK方法1、模块添加字段,后台开发维护》模块管理》右边的设置,在模块设置界面,点击右上角添加新字段按钮添加3个字段,用来存储自定义的TDK数据seotitle,...

J5_05产品新闻详情页

1、头尾模板调用代码{$=$take('global.communal.header')}{$=$take('global.communal.footer')}{$ti...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。