• 最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
    • 热门标签
    站长源码网
    10年
    专注帝国cms
    升级SVIP
    登录 / 注册
    升级SVIP尊享更多特权立即升级
    账号登录
    QQ登录
    首页
    • 帝国CMS
      • 软件下载15
      • 游戏动漫15
      • 新闻门户7
      • 休闲娱乐3
      • 影视音乐3
      • 文学教育21
      • 生活健康8
      • 商务商城9
      • 历史奇闻1
      • 企业模板109
      • 后台模板15
    • 精品cms插件
      • 帝国CMS插件46
      • 织梦插件1
      • discuz插件0
      • pbootcms插件0
      • eyoucms插件0
      • 插件工具6
      • Lecms插件29
    • PbootCms
      • 网络公司14
      • 文章博客9
      • 教育培训10
      • 商城购物3
      • 游戏软件4
      • 资源图片4
      • 旅游摄影1
      • 家政生活4
      • 体育健身3
      • 电子数码5
      • 餐饮美食6
      • 服装饰品2
      • 装修家居16
      • 畜牧养殖4
      • 工业化工17
      • 医疗美容2
      • 金融证券7
      • 机械设备37
      • 交通运输6
      • 机关单位3
      • 影视小说0
      • 其他行业3
    • EyouCms
      • 网络公司1
      • 文章博客8
      • 教育培训4
      • 商城购物0
      • 游戏软件3
      • 资源图片1
      • 旅游摄影3
      • 家政生活6
      • 体育健身2
      • 电子数码2
      • 餐饮美食4
      • 服装饰品7
      • 装修家居8
      • 畜牧养殖3
      • 工业化工1
      • 医疗美容3
      • 金融证券3
      • 机械设备5
      • 交通运输2
      • 机关单位1
      • 影视小说0
      • 其他行业2
    • DedeCms
      • 网络公司5
      • 文章博客8
      • 教育培训2
      • 商城购物1
      • 游戏软件0
      • 资源图片4
      • 旅游摄影0
      • 家政生活0
      • 体育健身1
      • 电子数码0
      • 餐饮美食0
      • 服装饰品2
      • 装修家居1
      • 畜牧养殖0
      • 工业化工3
      • 医疗美容1
      • 金融证券3
      • 机械设备5
      • 交通运输2
      • 机关单位0
      • 影视小说0
      • 其他行业3
    • 综合源码
      • html模板134
      • 小程序源码67
      • PHP项目30
      • Java项目3
      • WordPress32
      • 苹果Cms11
      • 其它源码45
      • lecms模版2
    • 站长学院
      • 帝国cms教程750
      • 综合教程23852
      • 网站seo1
      • 站长公告4
      • lecms教程118
    • SSL证书网
    当前位置: 站长学院 > 帝国cms教程 > jquery/js通过当前URL对当前栏目链接高亮显示

    jquery/js通过当前URL对当前栏目链接高亮显示

    正文概述 管理员   2024-09-02   88

    HTML代码:

    <div class="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="list_1.html">栏目一</a></li>
                <li><a href="list_2.html">栏目二</a></li>
                <li><a href="list_3.html">栏目三</a></li>
            </ul>
        </div>
    

    JQ代码:

    //除了首页外当前URL对当前栏目高亮突出显示
        $(".nav li a:not(:first)").each(function(){
            $this = $(this);
            if($this[0].href==String(window.location)){
                $this.parent().addClass("selected");
            }
        });
    //当前URL对当前栏目高亮突出显示
        $(".nav li a").each(function(){
            $this = $(this);
            if($this[0].href==String(window.location)){
                $this.parent().addClass("selected");
            }
        });
    

    或者使用原生js代码:(HTML代码部分的class=”nav”改成id=”nav”)

    var myNav = document.getElementById("nav").getElementsByTagName("a");
    for(var i=0;i<myNav.length;i++){
        var links = myNav[i].getAttribute("href");
        var myURL = document.location.href;
        if(myURL.indexOf(links) != -1){
            myNav[i].parentNode.className="selected";
        }
    }
    

    栏目 链接

    站长源码网 » jquery/js通过当前URL对当前栏目链接高亮显示

    管理员 SVIP

    分享到:
    上一篇
    帝国CMS模版使用自定义函数如何判断首页、栏目页、内容页以及其他页面?
    下一篇
    帝国CMS后台信息管理列表优化:直观展示标题图片(封面缩略图),提升管理员操作效率

    相关推荐

    帝国cms7.2附件下载链接显示原文件名

    帝国cms7.2附件下载链接显示原文件名

    帝国cms添加栏目前台显示正常,后台管理栏目中不显示

    帝国cms添加栏目前台显示正常,后台管理栏目中不显示

    首页调用子栏目名出现多个重复的子栏目名称

    首页调用子栏目名出现多个重复的子栏目名称

    phome_enewsclass帝国CMS栏目主表

    phome_enewsclass帝国CMS栏目主表

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者
    站长交流群

    站长交流群
    共同学习,共同进步,共同成长!

    QQ交流群:951509687
    热门文章
    帝国CMS7.5仿腾牛网 《可可软件园》大型软件游戏下载站模板 第三版优化源码
    帝国CMS7.5仿腾牛网 《可可软件园》大型软件游戏下载站模板 第三版优化源码
    帝国CMS百度主动推送插件
    帝国CMS百度主动推送插件
    帝国cms养站神器,国学程序,字典,词典,组词,成语,诗文,名句,造句,单词,名言,歇后语,谜语,对联,古籍
    帝国cms养站神器,国学程序,字典,词典,组词,成语,诗文,名句,造句,单词,名言,歇后语,谜语,对联,古籍
    帝国cms7.5原创DJ舞曲音乐自适应网站源码 带会员支付系统 火车头采集任意站
    帝国cms7.5原创DJ舞曲音乐自适应网站源码 带会员支付系统 火车头采集任意站
    帝国CMS个人博客新闻资讯类网站模板
    帝国CMS个人博客新闻资讯类网站模板
    热门标签
    腾讯 ( 2975) mysql ( 2646) 防火墙 ( 2631) notepad ( 1932) 宝塔 ( 1846) php ( 1487) 帝国 ( 1296) 面板 ( 941) 服务器 ( 649) 模板 ( 457) 文件 ( 378) Linux ( 356) 数据库 ( 334) WordPress ( 303) 插件 ( 301) 代码 ( 290) discuz ( 278) 怎么做 ( 276) 网站 ( 270) 数据 ( 221)
    © 2024 adminhtml.com 鲁公网安备37162202000157号 鲁ICP备2021038877号-10 XML地图

    本站注明原创资源内容转载时请注明来源,其他资源均收集于网络,并已标明来源出处,如有侵权请联系我们!

         

      站长源码网
      • 登录
      • 注册
      or
      or

      • SVIP
        升级SVIP会员

        限时钜惠
        终身SVIP仅需980元

        立即开通

      • 客服
        工作时间

        工作日:9:00 - 22:00
        节假日:9:00 - 22:00

        点击咨询客服

      • Q群

      • 签到

      • 原创

      • 全屏

      站长源码网
      • 首页

      • 签到

      • 切换

      • 客服

      请选择支付方式

      ×
      支付宝支付
      微信支付
      余额支付
      ×
      微信扫码支付 0 元