导航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 ...
随机推荐
- document基本操作 动态脚本-动态样式-创建表格
var html = document.documentElement; var body = document.body; window.onload = function() { //docume ...
- Linux find,grep 命令
使用实验楼Linux环境开发,部分内容有所参考,link:https://www.shiyanlou.com/ 概述: find: 在目录中搜索文件,它的使用权限是所有用户 命令格式: find [路 ...
- 从输入URL到浏览页面的过程
之前我们已经讨论过浏览器的渲染原理,今天我们来讨论下更广泛的从输入URL到渲染出页面的过程. 1. 查询该URL是否有缓存 如果有,则直接返回,没有的话,下一步 2. 查询URL对应的IP 首先,到 ...
- mac 安装 mysql 5.7
下载 https://dev.mysql.com/downloads/mysql/5.7.html#downloads 下一步,经过一系列安装步骤后,会跳出一个这样的界面,请注意!!! 上面红框中是你 ...
- [bzoj 1010][HNOI 2008]玩具装箱
传送门 Description P教授要去看奥运,但是他舍不下他的玩具,于是他决定把所有的玩具运到北京.他使用自己的压缩器进行压 缩,其可以将任意物品变成一堆,再放到一种特殊的一维容器中.P教授有编号 ...
- Hadoop hadoop的介绍和几种模式
Hadoop简介 Hadoop软件库是一个开源框架,允许使用简单的编程模型跨计算机集群分布式处理大型数据集.它旨在从单个服务器扩展到数千台计算机,每台计算机都提供本地计算和存储.库本身不是依靠硬件来提 ...
- 小程序for循环
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html 在什么情况下要自定义? 当上一个循环的数据 ...
- java关于Integer设置-128到127的静态缓存
今天在一个java群里,看到有个群友问到如下为什么第一个为true,第二个为false. System.out.println(Integer.valueOf("50")==Int ...
- 使用 Nexus3 Repository Manager 搭建 npm 私服
公司里一般都有自己的私服,用于管理封装的工具插件等,Nexus2主要是用于maven/gralde仓库的统一管理,Nexus3则添加了npm插件,可以对npm提供支持,其实用于npm仓库管理的还有一个 ...
- GO --- 将Reader 或者 ReadCloser 转化为 ReadSeeker
原因: ReadSeeker 封装了Seek()方法,这个方法要求资源的任何位置都能被定位,例如存储在磁盘里文件,你可以随时读取文件的任意位置.而response.Body 是通过TCP连接从网络中读 ...