帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流帝国cms 做网站当前栏目高亮适用于灵动标签和js 实现 【本版专题贴子】  
 1/6     1 2 3 4 5 6 ›› ›|
主题:帝国cms 做网站当前栏目高亮适用于灵动标签和js 实现 [加入收藏夹]   

lianglc
用户头衔:秀才

精华贴   :0
发贴数   :118
经验值   :586
注册时间:2016-04-10
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
帝国cms 做网站当前栏目高亮适用于灵动标签和js 实现
最近用帝国搭建了几个网站,发现有当前栏目要高亮显示,通过网络搜索发现好多要么太复杂要么不能适用所有页面 最后只能自己搞一个
先说用灵动标签的栏目,灵动标签的当前栏目高亮比较简单

在灵动标签下面加

php开始标签
$liangkli=$bqr[classid];
if($liangkli==$GLOBALS[navclassid]){
echo "dianji";
}
php结束标签

大家还可以简化 我这里就不简化了 意思是如果是当前 栏目就输出一个 dianji  这个点击是个 样式 自己加样式 .dianji

具体就是   <di v  class="php开始标签
$liangkli=$bqr[classid];
if($liangkli==$GLOBALS[navclassid]){
echo "dianji";
}
结束标签">当前栏目高亮</div>
这里是class  只在灵动标签下有效  灵动标签首先获取class id 才行

来个完整代码

灵动标签开始符号

    <di  v  class="<?php
$liangkli=$bqr[classid];
if($liangkli==$GLOBALS[navclassid]){
echo "dianji";
}
?>">当前栏目高亮</div>

灵动标签结束符号

代码测试有效 自己加样式 。但是本方法有个弊端 就是只能在灵动标签下使用 那如果不是灵动标签就无法用 最后我选择用js 做。
用js的方法更简单而且还可以用当前栏目高亮当前栏目子栏目高亮都可以 。这里我就不多说了,详细的查看文章文章的出处吧

原文链接 http://xyyzy.cc/wangzhan/107.html

更多模板插件 请访问 http://xyyzy.net/wangzhan/

帝国模板交流 技术支持 网站代建 加我 QQ24820479

感觉可以点个赞呗!!

[该贴被修改 6 次,最后修改时间 2019-09-22 01:09:24 ]



2018-11-02 11:47:27 已设置保密 顶部 回复 引用 报告 编辑 删除

许歌
用户头衔:进士

精华贴   :0
发贴数   :1042
经验值   :3012
注册时间:2016-03-22
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

支持




2018-11-02 12:24:45 已设置保密 顶部 回复 引用 报告 编辑 删除

a681861
用户头衔:进士

精华贴   :0
发贴数   :450
经验值   :2062
注册时间:2010-06-12
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

$(".Navlst li a").each(function(){
    $this = $(this);
    if($this[0].href.split("/")[3]==String(window.location.pathname.split("/")[1])){
        //$this.addClass(on);
        $this.parent().addClass("on");
    }
});

我一直在用的JS方法,判断地址,分隔匹配。




2018-11-02 13:36:16 已设置保密 顶部 回复 引用 报告 编辑 删除

许歌
用户头衔:进士

精华贴   :0
发贴数   :1042
经验值   :3012
注册时间:2016-03-22
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

学习




2018-11-02 19:19:58 已设置保密 顶部 回复 引用 报告 编辑 删除

平时不努力
用户头衔:进士

精华贴   :0
发贴数   :669
经验值   :1988
注册时间:2017-08-25
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

学习




2018-11-03 07:47:22 已设置保密 顶部 回复 引用 报告 编辑 删除

boyandgirl
用户头衔:进士

精华贴   :0
发贴数   :1251
经验值   :3674
注册时间:2015-01-26
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

支持




2018-11-04 05:40:06 已设置保密 顶部 回复 引用 报告 编辑 删除

点到为止
用户头衔:探花

精华贴   :0
发贴数   :6556
经验值   :20560
注册时间:2008-01-07
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

支持一下




2018-11-05 08:29:49 已设置保密 顶部 回复 引用 报告 编辑 删除

bn899
用户头衔:进士

精华贴   :0
发贴数   :1477
经验值   :4063
注册时间:2015-11-30
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

支持




2018-11-06 00:20:05 已设置保密 顶部 回复 引用 报告 编辑 删除

hibaidu
用户头衔:探花

精华贴   :0
发贴数   :3745
经验值   :11408
注册时间:2010-05-26
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

学习




2018-11-06 08:41:06 已设置保密 顶部 回复 引用 报告 编辑 删除

rerere
用户头衔:探花

精华贴   :0
发贴数   :5236
经验值   :16664
注册时间:2009-08-13
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

支持一下




2018-11-07 08:27:35 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/6     1 2 3 4 5 6 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1