导航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 ...
随机推荐
- E:nth-last-child(n)
E:nth-last-child(n) 语法: E:nth-last-child(n) { sRules } 说明: 匹配父元素的倒数第n个子元素E,假设该子元素不是E,则选择符无效.大理石平台维修 ...
- 普通页面引入React(使用和不使用JSX)
1. 不使用JSX 优点: 不用配置有关JSX的编译. 依赖语法: React.createElement(component/type, props, ...chilidren); //第一个参数可 ...
- 洛谷 P2038 无线网络发射器选址 题解
每日一题 day9 打卡 Analysis 这道题是个模拟,两个0~128( 注意不是1~128 )的循环枚举正方形中心点,判断正方形的边界,再用循环枚举公共场所的数量就好了. 时间复杂度 < ...
- MySQL 计算时间差函数 TIMESTAMPDIFF、DATEDIFF
一.TIMESTAMPDIFF 支持天.小时.秒等 selet TIMESTAMPDIFF(hour,odl_time,now()); 计算old_time与现在时间的小时差. 二.DATEDIFF ...
- GreenPlum 数据备份与恢复
GreenPlum数据备份与恢复gp_dump是GP并行备份的备份工具,在运行gp_dump的时候master与所有的segment节点都开始备份(standby节点和segment节点中的mirro ...
- PostgreSQL 数据目录结构
根目录介绍 data ├── base # use to store database file(SELECT oid, datname FROM pg_database;) ├── global # ...
- 十.iSCSI网络磁盘
默认端口:3260 • Internet SCSI,网际SCSI接口 – 一种基于C/S架构的虚拟磁盘技术 – 服务器提供磁盘空间,客户机连接并当成本地磁盘使用 • backstore,后端存储 ...
- scheduled定时任务+实例请求数据库
1.scheduled定时任务类:ScheduledDemo.java package com.nantian.scheduled; import java.util.Date; import org ...
- pandas记录
pandas的map方法使用 import pandas as pd import numpy as np data = pd.DataFrame(np.random.randint(0, 10, ( ...
- gradle的简单使用
Gradle是一个基于JVM的构建工具,是一款通用灵活的构建工具,支持maven, Ivy仓库,支持传递性依赖管理,而不需要远程仓库或者是pom.xml和ivy.xml配置文件,基于Groovy,bu ...