导航current背景
========================================简单一点的
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背景的更多相关文章
- 自定义iOS7导航栏背景,标题和返回按钮文字颜色
在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...
- IOS 实现自定义的导航栏背景以及自定义颜色的状态栏(支持7.0以及低版本)
为尊重文章原作者,转载务必注明原文地址:http://www.cnblogs.com/wt616/p/3784717.html 先看效果图: 在自定义导航栏背景时,可能会遇到以下一些问题: 1.当设置 ...
- 【转】自定义iOS7导航栏背景,标题和返回按钮文字颜色 -- 不错不错!!
原文网址:http://blog.csdn.net/mad1989/article/details/41516743 在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更 ...
- 【转】 自定义iOS7导航栏背景,标题和返回按钮文字颜色
原文:http://blog.csdn.net/mad1989/article/details/41516743 UIBarButtonItem,navigationItem,backBarButto ...
- ios怎么让状态栏颜色和导航栏背景图片颜色一样
ios7 图片作为导航的背景的话,如果想实现状态栏和导航栏一体化,那么图片高度需要增加22,也就是64,retina是128
- iOS导航栏背景,标题和返回按钮文字颜色
在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...
- 微信小程序 自定义头部导航栏和导航栏背景图片 navigationStyle
这两天因为要做一个带背景的小程序头,哭了,小程序导航栏有背景也就算了,还得让导航栏上的背景顺下来,心态小崩.现在可以单独设置一个页面的小程序头了,但是前提是要微信7.0以上的版本,考虑到兼容性问题 ...
- jQuery关于导航条背景切换
效果如下: <DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jqu ...
- 平行四边形导航,背景颜色渐变动画(不支持IE6/7/8)
body{ font-size: 14px; } ul ,li{ margin:0px; padding:0px; list-style: none; } .box{ width: 1000px; h ...
随机推荐
- 转,sql 50道练习题
SQL语句50题 -- 一.创建教学系统的数据库,表,以及数据 --student(sno,sname,sage,ssex) 学生表--course(cno,cname,tno) 课程表--sc( ...
- Laradock Laravel database connection refused
Laradock Laravel database connection refused SHARE Laradock is a PHP development environment which ...
- 三个方法(apply、call、bind)
一.apply()和call() 方法中如果没传入参数,或者是null,那么调用该方法的函数对象中的this就是默认的window <script> function f1(x,y){ c ...
- koa2做请求转发
最近用koa2做请求转发时,采用了request(options).pipe(ctx.res)的方法,结果出现了有时候前端获得的数据是分片的. 后来翻阅文档,采取了如下方式解决: const Pass ...
- Cogs 13. 运输问题4(费用流)
运输问题4 ★★☆ 输入文件:maxflowd.in 输出文件:maxflowd.out 简单对比 时间限制:1 s 内存限制:128 MB [问题描述] 一个工厂每天生产若干商品,需运输到销售部门进 ...
- elasticsearch update方法报错: Too many dynamic script compilations within, max: [75/5m]
PUT _cluster/settings { "transient" : { "script.max_compilations ...
- selenium鼠标操作
#-*- coding:utf-8 -*- import time from selenium import webdriver from selenium.webdriver.common.acti ...
- getLocation需要在app.json中声明permission字段,解决办法
具体开发方法如下: 在 app.json 里面增加 permission 属性配置(小游戏需在game.json中配置): "permission": { "scope. ...
- 2018-2019-2 网络对抗技术 20165202 Exp8 Web基础
博客目录 一.实践内容 Web前端HTML 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML Web前端javascipt 理解JavaScr ...
- 服务器(Linux)上运行python总结
跑实验换了几次服务器了,每次遇到相似问题都要重新百度,而且每次百度搜索出的顺序都不一样,又得重新找半天,这次把遇到的问题都总结一下. 1.准备 PuTTY和FileZilla FileZilla使用F ...