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

weeya10个月前JTBC教程552

导航菜单实现高亮显示,增加一个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列表中获取当前分类的父分类ID

以新闻模块为例子。打开/news/common/diplomat/index.php找到public function list(Request $req, Response $res)函数修改以下内...

J5_02公共模板

头部尾部    <TITLE>{$=$htmlEncode(implode(' - ', array_reverse($meta_title)...

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

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

J5增加PDF附件下载功能

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

J5_11增加手机站

1、Public/common/diplomat/index.php文件    return Jtbc::take('index.index');替换成&...

J5_05产品新闻详情页

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

发表评论    

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