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();
    });

    });

    最难就是坚持
  • 相关阅读:
    爬虫之暴力字典生成器
    爬虫之自动生成url
    数字、大小写字母的字符编码
    对avalonjs的研究
    求墙之间有多少水洼
    2.在centos7虚拟机搭建nginx网站
    P1250 种树
    暂时用笔记
    羊村的OI题解
    P1083 借教室
  • 原文地址:https://www.cnblogs.com/pp-air/p/7479083.html
Copyright © 2011-2022 走看看