========================================简单一点的

var locationUrl = location.href.toLowerCase();

//导航current
$("#nav li").each(function () {
var $this = $(this);
var navUrl = $this.find("a").attr("href").toLowerCase();

if (locationUrl.indexOf(navUrl) > -1 && navUrl != "/") {
$("#nav li").removeClass("current");
$this.addClass("current");
}
});

---------------------------找工作频道

$("#nav li").each(function () {
var $this = $(this);
var navUrl = $this.find("a").attr("href").toLowerCase();

if (locationUrl.indexOf(navUrl) > -1 && navUrl != "/") {
$("#nav li").removeClass("current");
$this.addClass("current");
}
if (locationUrl.indexOf("/jianzhishixi") > -1 && navUrl.indexOf("/jianzhishixi") > -1) {
$("#nav li").removeClass("current");
$this.addClass("current");
}
if (locationUrl.indexOf("/ll") > -1 && navUrl.indexOf("/ll") > -1) {
$("#nav li").removeClass("current");
$this.addClass("current");
}
});

========================================以下复杂一点

$(document).ready(function () {
var mainNavPage = ["Index.aspx", "Map.aspx", "Recruitment.aspx", "Traffic.aspx", "Enterprise.aspx", "JobSeekers.aspx", "ContactUs.aspx"];
function getMainNavPageIndex() {
var currPageUrl = location.href.toLowerCase();
for (var i = 0; i < mainNavPage.length; i++) {
if (i == 2) {
var scene = mainNavPage[i].split('|');
for (var j = 0; j < scene.length; j++) {
if (currPageUrl.indexOf(scene[j].toLowerCase()) != -1) {
return i;
}
}
}
else if (currPageUrl.indexOf(mainNavPage[i].toLowerCase()) != -1) {
if ((i == 0 && currPageUrl.match(/\//g).length == 3) || i > 0) {
return i;
} else {
continue;
}
}
}
return -1;
}
var currMainNavPageIndex = getMainNavPageIndex();
if (currMainNavPageIndex != -1) {
$("#nav li").removeClass("current");
$("#nav li").eq(currMainNavPageIndex).addClass("current");
}
});

导航current背景的更多相关文章

  1. 自定义iOS7导航栏背景,标题和返回按钮文字颜色

    在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...

  2. IOS 实现自定义的导航栏背景以及自定义颜色的状态栏(支持7.0以及低版本)

    为尊重文章原作者,转载务必注明原文地址:http://www.cnblogs.com/wt616/p/3784717.html 先看效果图: 在自定义导航栏背景时,可能会遇到以下一些问题: 1.当设置 ...

  3. 【转】自定义iOS7导航栏背景,标题和返回按钮文字颜色 -- 不错不错!!

    原文网址:http://blog.csdn.net/mad1989/article/details/41516743 在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更 ...

  4. 【转】 自定义iOS7导航栏背景,标题和返回按钮文字颜色

    原文:http://blog.csdn.net/mad1989/article/details/41516743 UIBarButtonItem,navigationItem,backBarButto ...

  5. ios怎么让状态栏颜色和导航栏背景图片颜色一样

    ios7 图片作为导航的背景的话,如果想实现状态栏和导航栏一体化,那么图片高度需要增加22,也就是64,retina是128

  6. iOS导航栏背景,标题和返回按钮文字颜色

    在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...

  7. 微信小程序 自定义头部导航栏和导航栏背景图片 navigationStyle

    ​ 这两天因为要做一个带背景的小程序头,哭了,小程序导航栏有背景也就算了,还得让导航栏上的背景顺下来,心态小崩.现在可以单独设置一个页面的小程序头了,但是前提是要微信7.0以上的版本,考虑到兼容性问题 ...

  8. jQuery关于导航条背景切换

    效果如下: <DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jqu ...

  9. 平行四边形导航,背景颜色渐变动画(不支持IE6/7/8)

    body{ font-size: 14px; } ul ,li{ margin:0px; padding:0px; list-style: none; } .box{ width: 1000px; h ...

随机推荐

  1. Spring框架加案例

    依赖: <!-- https://mvnrepository.com/artifact/org.springframework/spring-beans --> <dependenc ...

  2. DIV半透明层

    想使用DIV半透明层时 只需加一个filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5    0.5为半透明系数 使用前 使用后 style=& ...

  3. 案例(拖拽对话框、高清放大镜、自制滚动条、元素的隐藏方式、表格隔行变色、tab切换效果、字符串拼接、刷新评论)

    一.拖拽对话框 <style> .of{ width: 500px; } #link,#close{ text-decoration: none; margin: 0 10px; font ...

  4. splay 1296 营业额统计

    有一个点超时,确实是个很简单的splay#include<cstdio> #include<iostream> using namespace std; int n,shu[1 ...

  5. 递归回溯生成和解决数独问题c/c++

    数独 程序地址https://github.com/papicheng/blog/tree/master/%E6%95%B0%E7%8B%AC 一.游戏规则介绍: 数独是源自18世纪瑞士的一种数学游戏 ...

  6. IDEA正确设置编码统一为UTF-8

    之前代码在myeclispe10跑得好好的来这个intellij idea 就一直出错 改了好久的编码都没卵用,如下设置才正确.还有idea的web工程目录和myeclispe的目录是不一样的,神坑. ...

  7. codeforces524E

    题意:n*m的矩阵,给出k个点,Q次询问,问每个矩阵中每个点是否被看管,一个点被看管的定义是那个点所在的行或列有点,n,m<=1e5,k,q<=2e5 sol :发现行和列是独立的,即要么 ...

  8. python 的单例

    例子 class Singleton(object): _instance = None def __new__(cls, *args, **kw): if not cls._instance: cl ...

  9. xiugai grub

    https://wiki.gentoo.org/wiki/Flicker_Free_Boot#Getting_the_custom_version_of_grub

  10. [WEB安全]给BurpSuite设置非本地的网络代理

    目录 0x01 一般情况 0x02 移动端流量抓取 0x03 多重代理的情形 0x04 参考链接 在Web渗透测试过程中,BurpSuite是不可或缺的神器之一. BurpSuite的核心是代理Pro ...