zoukankan      html  css  js  c++  java
  • document.writeln绑定数据 --点击跳转添加样式

    document.writeln(" <div class='flex-model'>");
    document.writeln(" <div class='container'>");
    document.writeln(" <div class='footer'>");
    document.writeln(" <a href='order.html'>");
    document.writeln(" <p class='icon icon1'>

    ");
    document.writeln(" <p class='order'>订单

    ");
    document.writeln(" ");
    document.writeln(" <a href='saleAfterSelf.html'>");
    document.writeln(" <p class='icon icon2'>

    ");
    document.writeln(" <p class='income'>售后

    ");
    document.writeln(" ");
    document.writeln(" <a href='income.html'>");
    document.writeln(" <p class='icon icon3'>

    ");
    document.writeln(" <p class='goods'>收支

    ");
    document.writeln(" ");
    document.writeln(" <a href='goods.html'>");
    document.writeln(" <p class='icon icon4'>

    ");
    document.writeln(" <p class='goods'>商品

    ");
    document.writeln(" ");
    document.writeln(" <a href='my.html'>");
    document.writeln(" <p class='icon icon5'>

    ");
    document.writeln(" <p class='my'>我

    ");
    document.writeln(" ");
    document.writeln(" ");
    document.writeln("");
    document.writeln(" ");
    document.writeln(" ");
    $(function () {
    // var storage=window.localStorage;
    getItem();
    function getItem(){
    var temp = localStorage.getItem('temp');
    if(temp != null){
    if(temp == 1){
    $(".footer a[href ='order.html']").addClass('active').siblings().removeClass('active');
    }else if(temp == 2){
    $(".footer a[href ='saleAfterSelf.html']").addClass('active').siblings().removeClass('active');
    }else if(temp == 3){
    $(".footer a[href ='income.html']").addClass('active').siblings().removeClass('active');
    }else if(temp 4){
    $(".footer a[href ='goods.html']").addClass('active').siblings().removeClass('active');
    }else if(temp 5){
    $(".footer a[href ='my.html']").addClass('active').siblings().removeClass('active');
    }
    }
    };
    $(".footer a").click(function(){
    //alert(1111);
    var href= $(this).attr('href');
    if (href == 'order.html'){
    localStorage.setItem('temp',1);
    }else if(href == 'saleAfterSelf.html' || href == 'returnsAfterSelf.html' || href == 'saleAfterOffter.html' || href 'returnsAfterOffter.html' || href == 'saleAfterSupply.html' || href'returnsAfterSupply.html' || href
    'saleAfterExperience.html' || href
    'returnsAfterExperience.html'){
    localStorage.setItem('temp',2);
    }else if(href == 'income.html'){
    localStorage.setItem('temp',3);
    }else if(href == 'goods.html'){
    localStorage.setItem('temp',4);
    }else if(href == 'my.html'){
    localStorage.setItem('temp',5);
    }
    //$(this).attr("color","red");
    $(this).addClass('active').siblings().removeClass();
    });

    });

    最难就是坚持
  • 相关阅读:
    Windows10系统下在Docker中部署静态网站
    NET接入Mesher--------解决微服务什么时候能支持.net 的应用开发的问题
    Windows系统下 ASP.NET Core 的 Docker 映像创建
    Windows平台部署 Asp.Net Core 3.1.0,将 ASP.NET Core 应用发布到 IIS ,使用 IIS 在 Windows 上托管 ASP.NET Core
    如何使用Activator.CreateInstance创建一个列表<T>,其中T在运行时是未知的?
    在 Visual Studio 中安装 FxCop 分析器
    .Net Core3.1下使用Swagger搭建web api项目
    Vuex访问状态对象的方法
    Vuex最基本样例
    搜索框 展示相关搜索内容列表,及延迟改进(仿百度)
  • 原文地址:https://www.cnblogs.com/pp-air/p/7479083.html
Copyright © 2011-2022 走看看