导航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 ...
随机推荐
- RSA公钥私钥原理及作用
RSA算法广泛应用与加密与认证两个领域 1.加密(保证数据安全性) 使用公钥加密,需使用私钥解密. 这种广泛应用在保证数据的安全性的方面,用户将自己的公钥广播出去,所有人给该用户发数据时使用该公钥加密 ...
- Mina学习+手写服务端+通过telnet连接服务端
1. 2. 3. 4.MinaServer.java package com.mina; import java.io.IOException;import java.net.InetSocketAd ...
- learning svn add file execuable
svn propset svn:executable on <file> 为了给svn仓库里的问件添加可执行权限.
- GitHub中PR(Pull request)操作
1. 贡献代码: 贡献代码,通俗的说,就是自己修改了代码,希望合并到别人的Repository(仓库)中.将自己的智慧贡献给开源社区.下面将详细讲解步骤 1.1 第一步:fork 在GitHub社区闲 ...
- Cogs 461. [网络流24题] 餐巾(费用流)
[网络流24题] 餐巾 ★★★ 输入文件:napkin.in 输出文件:napkin.out 简单对比 时间限制:5 s 内存限制:128 MB [问题描述] 一个餐厅在相继的N天里,第i天需要Ri块 ...
- Windows10+Jupyter notebook+添加核
链接:https://blog.csdn.net/ZWX2445205419/article/details/80113472 1. 安装Anaconda 2. 创建虚拟环境 > con ...
- Tkinter 之主窗口参数
一.常用参数 语法 作用 window= tk.TK() 创建窗口 window['height'] = 300 设置高 window['width'] = 500 设置宽 window.title( ...
- 小程序 之wx.request和wx.showModal简单封装
一.request封装 request(url, data, successCallBack = function(data) {}, completeCallBack = function(data ...
- 将页面中所有的checkbox设成单选得
$(function () { var allBox = $(":checkbox"); allBox.click(function () { allBox.removeAttr( ...
- Jenkins 获取 Git 的提交记录(Change Log)
工作中用 Jenkins 做 iOS 和 Android 的持续集成,之前实现的是当 git 有新代码提交的时候,就会自动编译并上传安装包到蒲公英,然后自动发送QQ群通知或者讨论组通知给相关小伙伴,方 ...