zoukankan      html  css  js  c++  java
  • ul li a active jquery.cookie.js

    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>

    艾豆社区、豆信框架、豆信开发手册
  • 相关阅读:
    富文本编辑器编辑
    你是怎么发上去的
    f
    xxx
    test
    sgsdg
    code
    html2canvas.js——HTML转Canvas工具
    后台返回流图片的处理方式。(原生,JQ,VUE)
    渐进式web应用开发---service worker
  • 原文地址:https://www.cnblogs.com/zhoumeng780/p/4661625.html
Copyright © 2011-2022 走看看