ul li a active jquery.cookie.js
2015-07-20 15:46
721 查看
div class="righter nav-navicon" id="admin-nav">
<div class="mainer">
<div class="admin-navbar">
<span class="float-right">
<a class="button button-little bg-main" href="#" target="_blank">个人中心</a>
<a class="button button-little bg-yellow" href="login.html">注销登录</a>
</span>
<ul class="nav nav-inline admin-nav">
<li class="active">
<a href="AIndex" class="icon-cog">一汽一工厂</a>
<ul>
<li><a href="/Factories/AServoTightening">伺服机拧紧1</a></li>
<li><a href="/Factories/ATirePressureDetection">胎压检测1</a></li>
<li><a href="#">汽车尾气1</a></li>
</ul>
</li>
<li>
<a href="BIndex" class="icon-cog">一汽二工厂</a>
<ul>
<li class="active"><a href="#">伺服机拧紧2</a></li>
<li><a href="#">胎压检测2</a></li>
<li><a href="#">汽车尾气2</a></li>
</ul>
</li>
<li><a href="#" class="icon-user"> 会员</a></li>
</ul>
</div>
<div class="admin-bread">
<span>您好,admin,欢迎您的光临。</span>
<ul class="bread">
<li><a href="index.html" class="icon-home"> 开始</a></li>
<li>后台首页</li>
</ul>
</div>
</div>
</div>
<script src="~/Scripts/jquery.cookie.js"></script>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function () {
var cookieName = 'indexActive';
var index = $.cookie(cookieName) != null ? $.cookie(cookieName) : 0;
clickFuc($(".admin-nav .active ul li").eq(index));
$(".admin-nav .active ul li").click(function () {
clickFuc($(this));
index = $(".admin-nav .active ul li").index(this);
$.cookie(cookieName, index);
})
});
function clickFuc(obj)
{
$(obj).addClass("active").siblings('li').removeClass("active");
}
</script>
<div class="mainer">
<div class="admin-navbar">
<span class="float-right">
<a class="button button-little bg-main" href="#" target="_blank">个人中心</a>
<a class="button button-little bg-yellow" href="login.html">注销登录</a>
</span>
<ul class="nav nav-inline admin-nav">
<li class="active">
<a href="AIndex" class="icon-cog">一汽一工厂</a>
<ul>
<li><a href="/Factories/AServoTightening">伺服机拧紧1</a></li>
<li><a href="/Factories/ATirePressureDetection">胎压检测1</a></li>
<li><a href="#">汽车尾气1</a></li>
</ul>
</li>
<li>
<a href="BIndex" class="icon-cog">一汽二工厂</a>
<ul>
<li class="active"><a href="#">伺服机拧紧2</a></li>
<li><a href="#">胎压检测2</a></li>
<li><a href="#">汽车尾气2</a></li>
</ul>
</li>
<li><a href="#" class="icon-user"> 会员</a></li>
</ul>
</div>
<div class="admin-bread">
<span>您好,admin,欢迎您的光临。</span>
<ul class="bread">
<li><a href="index.html" class="icon-home"> 开始</a></li>
<li>后台首页</li>
</ul>
</div>
</div>
</div>
<script src="~/Scripts/jquery.cookie.js"></script>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function () {
var cookieName = 'indexActive';
var index = $.cookie(cookieName) != null ? $.cookie(cookieName) : 0;
clickFuc($(".admin-nav .active ul li").eq(index));
$(".admin-nav .active ul li").click(function () {
clickFuc($(this));
index = $(".admin-nav .active ul li").index(this);
$.cookie(cookieName, index);
})
});
function clickFuc(obj)
{
$(obj).addClass("active").siblings('li').removeClass("active");
}
</script>
相关文章推荐
- jquery treegrid实例
- jquery选择器汇总
- 关于JQuery与AJAX验证
- JQuery事件e参数的方法preventDefault()取消默认行为
- spring mvc通过jQuery ajax传值中文乱码问题
- JQuery Mobile实例
- jQuery通过CSS()方法给指定的元素同时设置多个样式
- jquery 插件开发
- 用jquery判断输入框还可以输入多少字
- 基于jQuery的新浪游戏首页幻灯片
- JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端
- 加载进度圈,带遮罩层(jquery)
- jQuery.outerWidth() 函数详解
- 关于在项目里使用jquery的ajax函数。
- jquery选中表格的某行变色
- JQuery 异步处理,ajax post get getJSON...
- jquery 自定义事件
- jquery-plugin-validate插件做验证
- jquery实现radio按纽全不选和checkbox全选的实例
- jquery checkbox选择框公用方法