专栏首页Savalone's Blogjs 导航判断高亮

js 导航判断高亮

前几天有个同学问说他有个 cms  没有 if 判断标签,php 还不会写,我就给他写了个能用的 jq,原理就是通过判断地址栏的链接和代码里导航部分的链接一致的话就高亮,分享出来给大家参考。

Demo 下载:

js_Current.zip

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js_Current</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="nav.js"></script>
</head>
<body>

    <div class="nav">
        <ul>
            <li><a href="demo2.html">菜单一</a></li>
            <li><a href="demo1.html">菜单二</a></li>
        </ul>
    </div>    
    
</body>
</html>
    //js部分
$(document).ready(function(){
if(String(window.location).indexOf("php")<0){  //判断是否是首页.文件后缀
$(".nav li:eq(0)").addClass("active");//第一个li获得样式
};
a=window.location;
$(".nav li a").each(function(){
b=String($(this).attr("href")).replace("/","")//首页如果用的是域名可不用replace
if(String(a).indexOf(b)>0){//获得当前li下a的href值,并进行替换
 $(this).closest("li").addClass("active");
}
});
});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js 为 li 循环添加 class

    前段时间有个小伙伴想在新闻列表页面的 ul 里面为每个 class 循环添加带 1  2  3  4的 class,正巧昨天做一个站也用到了类似 for 循环,...

    Savalone
  • 实用在线工具网站分享

    DogeDoge 是 V2exer: nicoljiang 开发的搜索引擎,slogan:不追踪,不误导。搜索结果和 Google 差不多,感觉是反代的 Goo...

    Savalone
  • 修改 IIS 上传大小的限制方法

    Savalone
  • python3 列表、元组、字典、集合

    #使用方括号定义列表 my_list = [ ’ crazyit ’, 20,’ Python ’] print (my list) #使用圆括号定义元组...

    用户5760343
  • html 有序列表、无序列表、自定义列表

    HTML有一个特殊元素,用于创建ordered lists(有序列表), 或数字编号列表。 有序列表以<ol>元素开始,并包含一个或多个<li>元素。 例如...

    Devops海洋的渔夫
  • CSS Flex弹性盒布局

    我在上一篇博文CSS 布局_2 Flex弹性盒里,对 Flex 弹性盒有着详细的介绍,这里就不再复述了,书写页面前,我们先来介绍一个之前没提到的知识点——伪类选...

    Nian糕
  • html常用标签

    title也是有助于SEO搜索引擎优化的 HTML不是依靠缩进来表示嵌套的,就是看标签的包裹关系。 HTML中所有的文字之间,如果有空格、换行、tab都将被...

    Demo_Yang
  • 如何使用Oozie API接口向Kerberos环境的CDH集群提交Spark2作业

    前面Fayson介绍了多种方式在CDH集群外的节点向集群提交Spark作业,文章中均采用Spark1来做为示例,本篇文章主要介绍如何是用Oozie API向Ke...

    Fayson
  • 如何使用Oozie API接口向Kerberos环境的CDH集群提交Spark作业

    在CDH集群外的节点向集群提交Spark作业的方式有多种,前面Fayson介绍了Livy相关的文章主要描述如何在集群外节点通过RESTful API接口向CDH...

    Fayson
  • 报告丨从火热的SaaS产业中我们可以看到什么?

    T客汇官网:tikehui 撰文 |Felix 随着移动化的进行和传统企业结构的改变,云服务软件已经成为了企业首选的内外部管理工具。因为云可以为公司带来理想的扩...

    人称T客

扫码关注云+社区

领取腾讯云代金券