zoukankan      html  css  js  c++  java
  • 开关菜单模型

    window.onload=function(){

    var flag=true;
    var a = document.getElementById("tdful");
    var b = a.getElementsByTagName("li");
    var d = document.getElementById("secondtd");
    var c = d.getElementsByTagName("div");

    for(var i=0;i<b.length;i++){
    b[i].index=i;console.log("i:"+i+" b[i].index:"+b[i]);
    b[i].onclick=function(){

    for(var i=0;i<b.length;i++){
    b[i].className="";
    d.style.display="none";
    c[i].style.display="none";

    }

    if(flag||localStorage.a!=$(this).attr("id")){
    this.className="active";
    d.style.display="table-cell";
    c[this.index].style.display="block";

    if($(this).attr("id")!="seli")
    {($(".img1").css({"display":"block","margin-left":"20px","margin-top":"20px"}));
    ($(".img2").css("display","none"));}
    else{($(".img1").css("display","none"));
    ($(".img2").css("display","block"));}

    if($(this).attr("id")=="fili"){
    $(".ball").css("background","green");flag=false;
    } else{
    $(".ball").css("background","white");
    }

    flag=false;
    }else{
    this.className="";
    d.style.display="none";
    ($(".img2").css("display","none"));
    ($(".img1").css("display","block"));
    $(".ball").css("background","white");
    flag=true;
    }
    localStorage.a=$(this).attr("id");
    }
    }
    }

  • 相关阅读:
    Java 基础
    Mybatis
    Gateway
    Debug
    Nacos
    Debug
    Debug
    echars 折线图之一条线显示不同颜色,及拐点显示不同颜色
    捌月份生活随笔
    MyMatrix2022 64位版本下载 64bits Edition
  • 原文地址:https://www.cnblogs.com/ey-151210/p/5238455.html
Copyright © 2011-2022 走看看