社区
学习
工具库
AI工具
休闲
搜索
简体中文
javascript - 谷歌完全可以IE直接挂掉,IE11貌似到寒兰效果有效,侧边栏没法收放求解决,IE兼容性小白................
为情所困
为情所困 2017-05-19 10:35:10
0
2
542

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name=“keywords” content=“”>
    <meta name=“description” content=“”>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="CSS/shouye.css">
    <title></title>
</head>

<body>
    <!--导航栏部分-->
    <p class="nav">
        <p class="box">
            <a href="#" class="a1"></a>
            <a href="#" class="a2"></a>
            <a href="#" class="a3"></a>
            <a href="#" class="a4"></a>
            <a href="#" class="a5"></a>
            <a href="#" class="a6"></a>
        </p>
    </p>

    <!--左收放侧边栏(三级)-->
    <p class="leftNav">
        <!--一级-->
        <ul class="ulBox1">
            <li class="xitong">
                <a href="#">系统管理</a>
                <!--二级-->
                <ul class="ulBox2">
                    <!--第一项,用户-->
                    <li class="yonghu2"><i class="yonghu1-1"></i><a href="#">用户管理</a></li>
                    <!--第二项,基础-->
                    <li class="jichu2"><i class="jichu2-1"></i><a href="#">基础资料</a>
                        <!--三级-->
                        <ul class="jichu2-2">
                            <li class="kehu3"><i class="kehu3-1"></i><a href="#">客户</a></li>
                            <li class="gongying3"><i class="gongying3-1"></i><a href="#">供应商</a></li>
                            <li class="chanping3"><i class="chanping3-1"></i><a href="#">产品</a></li>
                        </ul>
                    </li>
                    <!--第三项,销售-->
                    <li class="xiaoshou2"><i class="xiaoshou2-1"></i><a href="#">销售订单</a>
                        <!--三级-->
                        <ul class="xiaoshou2-2">
                            <li class="dingdan3"><i class="dingdan3-1"></i><a href="#">订单</a></li>
                            <li class="baobiao3"><i class="baobiao3-1"></i><a href="#">报表</a></li>
                        </ul>
                    </li>
                    <!--第四项,采购-->
                    <li class="caigou2"><i class="caigou2-1"></i><a href="#">采购</a>
                        <!--三级-->
                        <ul class="caigou2-2">
                            <li class="jihua3"><i class="jihua3-1"></i><a href="#">计划</a></li>
                            <li class="baobiao3-2"><i class="baobiao3-2-1"></i><a href="#">报表</a></li>
                        </ul>
                    </li>
                    <!--第五项,生产-->
                    <li class="shengchan2"><i class="shengchan2-1"></i><a href="#">生产</a>
                        <!--三级-->
                        <ul class="shengchan2-2">
                            <li class="shengcan3"><i class="shengchan3-1"></i><a href="#">生产</a></li>
                            <li class="baobiao3-3"><i class="baobiao3-3-1"></i><a href="#">报表</a></li>
                        </ul>
                    </li>
                    <!--第六项,库存-->
                    <li class="kucun2"><i class="kucun2-1"></i><a href="#">库存</a>
                        <!--三级-->
                        <ul class="kucun2-2">
                            <li class="cangku3"><i class="cangku3-1"></i><a href="#">仓库</a></li>
                            <li class="ruku3"><i class="ruku3-1"></i><a href="#">入库</a></li>
                            <li class="chuku3"><i class="chuku3-1"></i><a href="#">出库</a></li>
                          <li class="baobiao3-4"><i class="baobiao3-4-1"></i><a href="#">报表</a></li>
                        </ul>
                    </li>
                    <!--第七项,财务-->
                    <li class="caiwu2"><i class="caiwu2-1"></i><a href="#">财务</a>
                        <!--三级-->
                        <ul class="caiwu2-2">
                            <li class="caiwu3"><i class="caiwu3-1"></i><a href="#">财务管理</a></li>
                            <li class="yingshou3"><i class="yingshou3-1"></i><a href="#">应收</a></li>
                            <li class="yingfu3"><i class="yingfu3-1"></i><a href="#">应付</a></li>
                            <li class="tongji3"><i class="tongji3-1"></i><a href="#">统计</a>
                                <!--四级-->
                                <span class="one"></span>
                                <ul class="caiwu2-3">
                                    <li class="baobiao4"><a href="#">报表</a></li>
                                    <li class="liebiao4"><a href="#">列表</a></li>
                                    <li class="xinzeng4"><a href="#">新增</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </p>
</body>

<!--<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>-->
<script src="JS/jquery-3.2.1.min.js"></script>
<script src="JS/shouye.js"></script>

</html>

CSS:**
*{

margin: 0;
padding: 0;

}
body{

overflow-x: hidden;

}
/导航栏背景/
.nav{

width: 1427px;
height: 80px;
background: url("../images/nav/zhuye.png") no-repeat  #204094;
position: relative;

}
/导航栏按钮/
.box{

width: 690px;
height: 37px;
position: absolute;
top: 25px;
left: 299px;
/*border: 1px solid red;*/

}

.box a {

width: 41px;
height: 36px;
float: left;
display:  block;
margin-left: 25px;
/*border: 1px solid red;*/

}
/处理IE,A链接虚线框兼容/
a:focus{outline:none;}

.a1{

background: url("../images/nav/ziliao.png") no-repeat;

}

.a2{

background: url("../images/nav/dingdan.png") no-repeat;

}

.a3{

 background: url("../images/nav/caigou.png") no-repeat;

}

.a4{

background: url("../images/nav/shengchan.png") no-repeat;

}

.a5{

background: url("../images/nav/kucun.png") no-repeat;

}

.a6{

background: url("../images/nav/caiwu.png") no-repeat;

}

/左收放侧边栏,三级/
/大背景盒子/
.leftNav{

width: 180px;
height: 846px;
background-color: #B3E0F8;
color: #0C318F;
font: 700 14px '微软雅黑';
/*border: 1px solid black;*/

}
/最外层大UL,第一层整体位置/
.ulBox1 {

margin-left: 15px;
padding-top: 25px;
cursor: pointer;

}
.ulBox1 li {

list-style: none;

}
.ulBox1 a {

text-decoration: none;
color: #0C318F;

}
/第二层公共类.箭头/
.ulBox2 .yonghu2,.jichu2,.xiaoshou2,.caigou2,.shengchan2,.kucun2,.caiwu2 {

background: url("../images/qietu/leftnave/two/right2icon.png") no-repeat 0px 11px;
padding-left: 20px;
margin-left: -15px;

}
/第三层公共类.箭头/
.ulBox2 .kehu3,.gongying3,.chanping3,.dingdan3,.baobiao3,.jihua3,.baobiao3-2,.shengcan3,.baobiao3-3,.cangku3,.ruku3,.chuku3,.baobiao3-4,
.caiwu3,.yingshou3,.yingfu3,.tongji3{

background: url("../images/qietu/leftnave/three/right3icon.png") no-repeat 0px 12px;
padding-left: 20px;
margin-left: -15px;

}
/报表样式公共类/
.ulBox2 .baobiao3-1,.baobiao3-2-1,.baobiao3-3-1,.baobiao3-4-1 {

background: url("../images/qietu/leftnave/three/baobiao3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}

/第一层图标设置系统/
.ulBox1 .xitong{

background: url("../images/qietu/leftnave/one/xiyongicon.png") no-repeat 0px 2px ;
padding-left: 20px;

}

/第二层所有选项上下距离,所有选项/
.ulBox2 li{

padding-top: 10px;

}

/第二层,第一项设置图标用户/
.ulBox2 .yonghu1-1 {

background: url("../images/qietu/leftnave/two/yonghu2icon.png") no-repeat;
padding-left: 20px;

}

/第二层,第二项设置图标邮件/
.ulBox2 .jichu2-1 {

background: url("../images/qietu/leftnave/two/youjian2icon.png") no-repeat 0px 1.5px;
padding-left: 20px;

}
/第二层第二选项三级目录左移/
.ulBox2 .jichu2 ul{

margin-left: 12px;

}
/第二层第二选项三级目录图标设置/
/第一项/
.jichu2-2 .kehu3-1{

background: url("../images/qietu/leftnave/three/kehu3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二项/
.jichu2-2 .gongying3-1 {

background: url("../images/qietu/leftnave/three/gongying3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第三项/
.jichu2-2 .chanping3-1 {

background: url("../images/qietu/leftnave/three/chanping3icon.png") no-repeat 0px 3px;
padding-left: 20px;

}

/第二层第三选项三级目录左移/
.ulBox2 .xiaoshou2 ul{

margin-left: 12px;

}
/第二层,第二项设置图标邮件/
.ulBox2 .xiaoshou2-1 {

background: url("../images/qietu/leftnave/two/xiaoshou2icon.png") no-repeat 0px 1.5px;
padding-left: 20px;

}
/第二层第三选项三级目录图标设置/
/第一项/
.xiaoshou2-2 .dingdan3-1 {

background: url("../images/qietu/leftnave/three/dingdan3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}

/第二层第四选项三级目录左移/
.ulBox2 .caigou2 ul {

margin-left: 12px;

}
/第二层,第四项设置采购图标/
.ulBox2 .caigou2-1 {

background: url("../images/qietu/leftnave/two/caigou2icon.png") no-repeat 0px 1.5px;
padding-left: 20px;

}
/第二层第四选项三级目录设置图标/
/第一项/
.caigou2-2 .jihua3-1 {

background: url("../images/qietu/leftnave/three/jihua3(caigou)icon.png") no-repeat 0px 2px;
padding-left: 20px;

}

/第二层第五选项三级目录左移/
.ulBox2 .shengchan2 ul {

margin-left: 12px;

}
/第二层,第五项设置生产图标/
.ulBox2 .shengchan2-1 {

background: url("../images/qietu/leftnave/two/shengchan2icon.png") no-repeat;
padding-left: 20px;

}
/第二层第五选项三级目录设置图标/
/第一项/
.shengchan2-2 .shengchan3-1 {

background: url("../images/qietu/leftnave/three/shengchan3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}

/第二层第六选项三级目录左移/
.ulBox2 .kucun2 ul {

margin-left: 12px;

}
/第二层,第六项设置库存图标/
.ulBox2 .kucun2-1 {

background: url("../images/qietu/leftnave/two/kucun2icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二层第六选项三级目录设置图标/
/第一项/
.kucun2-2 .cangku3-1 {

background: url("../images/qietu/leftnave/three/cangku3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第二项/
.kucun2-2 .ruku3-1 {

background: url("../images/qietu/leftnave/three/ruku3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第三项/
.kucun2-2 .chuku3-1 {

background: url("../images/qietu/leftnave/three/chuku3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}

/第二层第七选项三级目录左移/
.ulBox2 .caiwu2 ul {

margin-left: 12px;

}
/第二层,第七项设置库存图标/
.ulBox2 .caiwu2-1 {

background: url("../images/qietu/leftnave/two/caiwu2icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第二层第七选项三级目录设置图标/
/第一项/
.caiwu2-2 .caiwu3-1 {

background: url("../images/qietu/leftnave/three/caiwuguanli3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二项/
.caiwu2-2 .yingshou3-1 {

background: url("../images/qietu/leftnave/three/yingshou3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第三项/
.caiwu2-2 .yingfu3-1 {

background: url("../images/qietu/leftnave/three/yingfu3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第四项/
.caiwu2-2 .tongji3-1 {

background: url("../images/qietu/leftnave/three/tongji3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二层第七选项四级目录设置图标/
.caiwu2-3{

margin-left: -15px;

}
/第一项/
.caiwu2-3 .baobiao4 {

background: url("../images/qietu/leftnave/four/baobiao4icon.png") no-repeat 0px 11px;
padding-left: 20px;

}
/第二项/
.caiwu2-3 .liebiao4 {

background: url("../images/qietu/leftnave/four/liebiao4icon.png") no-repeat 0px 12px;
padding-left: 20px;

}
/第三项/
.caiwu2-3 .xinzeng4 {

background: url("../images/qietu/leftnave/four/xinzeng4icon.png") no-repeat 0px 12px;
padding-left: 20px;

}
/第二层,二级ul ulBox2,7个li选项 .jichu2/.xiaoshou2/.caigou2/.shengchan2/.kucun2/.caiwu2 二级6个折叠/
/所对应第三层 .jichu2-2 .xiaoshou2-2 .caigou2-2 .shengchan2-2 .kucun2-2 .caiwu2-2/
.ulBox2 .jichu2-2,.xiaoshou2-2,.caigou2-2,.shengchan2-2,.kucun2-2,.caiwu2-2 {

display: none;

}

/第三层 .tongji3一个折叠, .caiwu2-3/
.ulBox2 .caiwu2-3 {

display: none;

}
.hideen {

display: block;

}
/!!显示!!/
.show {
display: block;
}

//CSSS代码:
*{

margin: 0;
padding: 0;

}
body{

overflow-x: hidden;

}
/导航栏背景/
.nav{

width: 1427px;
height: 80px;
background: url("../images/nav/zhuye.png") no-repeat  #204094;
position: relative;

}
/导航栏按钮/
.box{

width: 690px;
height: 37px;
position: absolute;
top: 25px;
left: 299px;
/*border: 1px solid red;*/

}

.box a {

width: 41px;
height: 36px;
float: left;
display:  block;
margin-left: 25px;
/*border: 1px solid red;*/

}
/处理IE,A链接虚线框兼容/
a:focus{outline:none;}

.a1{

background: url("../images/nav/ziliao.png") no-repeat;

}

.a2{

background: url("../images/nav/dingdan.png") no-repeat;

}

.a3{

 background: url("../images/nav/caigou.png") no-repeat;

}

.a4{

background: url("../images/nav/shengchan.png") no-repeat;

}

.a5{

background: url("../images/nav/kucun.png") no-repeat;

}

.a6{

background: url("../images/nav/caiwu.png") no-repeat;

}

/左收放侧边栏,三级/
/大背景盒子/
.leftNav{

width: 180px;
height: 846px;
background-color: #B3E0F8;
color: #0C318F;
font: 700 14px '微软雅黑';
/*border: 1px solid black;*/

}
/最外层大UL,第一层整体位置/
.ulBox1 {

margin-left: 15px;
padding-top: 25px;
cursor: pointer;

}
.ulBox1 li {

list-style: none;

}
.ulBox1 a {

text-decoration: none;
color: #0C318F;

}
/第二层公共类.箭头/
.ulBox2 .yonghu2,.jichu2,.xiaoshou2,.caigou2,.shengchan2,.kucun2,.caiwu2 {

background: url("../images/qietu/leftnave/two/right2icon.png") no-repeat 0px 11px;
padding-left: 20px;
margin-left: -15px;

}
/第三层公共类.箭头/
.ulBox2 .kehu3,.gongying3,.chanping3,.dingdan3,.baobiao3,.jihua3,.baobiao3-2,.shengcan3,.baobiao3-3,.cangku3,.ruku3,.chuku3,.baobiao3-4,
.caiwu3,.yingshou3,.yingfu3,.tongji3{

background: url("../images/qietu/leftnave/three/right3icon.png") no-repeat 0px 12px;
padding-left: 20px;
margin-left: -15px;

}
/报表样式公共类/
.ulBox2 .baobiao3-1,.baobiao3-2-1,.baobiao3-3-1,.baobiao3-4-1 {

background: url("../images/qietu/leftnave/three/baobiao3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}

/第一层图标设置系统/
.ulBox1 .xitong{

background: url("../images/qietu/leftnave/one/xiyongicon.png") no-repeat 0px 2px ;
padding-left: 20px;

}

/第二层所有选项上下距离,所有选项/
.ulBox2 li{

padding-top: 10px;

}

/第二层,第一项设置图标用户/
.ulBox2 .yonghu1-1 {

background: url("../images/qietu/leftnave/two/yonghu2icon.png") no-repeat;
padding-left: 20px;

}

/第二层,第二项设置图标邮件/
.ulBox2 .jichu2-1 {

background: url("../images/qietu/leftnave/two/youjian2icon.png") no-repeat 0px 1.5px;
padding-left: 20px;

}
/第二层第二选项三级目录左移/
.ulBox2 .jichu2 ul{

margin-left: 12px;

}
/第二层第二选项三级目录图标设置/
/第一项/
.jichu2-2 .kehu3-1{

background: url("../images/qietu/leftnave/three/kehu3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二项/
.jichu2-2 .gongying3-1 {

background: url("../images/qietu/leftnave/three/gongying3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第三项/
.jichu2-2 .chanping3-1 {

background: url("../images/qietu/leftnave/three/chanping3icon.png") no-repeat 0px 3px;
padding-left: 20px;

}

/第二层第三选项三级目录左移/
.ulBox2 .xiaoshou2 ul{

margin-left: 12px;

}
/第二层,第二项设置图标邮件/
.ulBox2 .xiaoshou2-1 {

background: url("../images/qietu/leftnave/two/xiaoshou2icon.png") no-repeat 0px 1.5px;
padding-left: 20px;

}
/第二层第三选项三级目录图标设置/
/第一项/
.xiaoshou2-2 .dingdan3-1 {

background: url("../images/qietu/leftnave/three/dingdan3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}

/第二层第四选项三级目录左移/
.ulBox2 .caigou2 ul {

margin-left: 12px;

}
/第二层,第四项设置采购图标/
.ulBox2 .caigou2-1 {

background: url("../images/qietu/leftnave/two/caigou2icon.png") no-repeat 0px 1.5px;
padding-left: 20px;

}
/第二层第四选项三级目录设置图标/
/第一项/
.caigou2-2 .jihua3-1 {

background: url("../images/qietu/leftnave/three/jihua3(caigou)icon.png") no-repeat 0px 2px;
padding-left: 20px;

}

/第二层第五选项三级目录左移/
.ulBox2 .shengchan2 ul {

margin-left: 12px;

}
/第二层,第五项设置生产图标/
.ulBox2 .shengchan2-1 {

background: url("../images/qietu/leftnave/two/shengchan2icon.png") no-repeat;
padding-left: 20px;

}
/第二层第五选项三级目录设置图标/
/第一项/
.shengchan2-2 .shengchan3-1 {

background: url("../images/qietu/leftnave/three/shengchan3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}

/第二层第六选项三级目录左移/
.ulBox2 .kucun2 ul {

margin-left: 12px;

}
/第二层,第六项设置库存图标/
.ulBox2 .kucun2-1 {

background: url("../images/qietu/leftnave/two/kucun2icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二层第六选项三级目录设置图标/
/第一项/
.kucun2-2 .cangku3-1 {

background: url("../images/qietu/leftnave/three/cangku3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第二项/
.kucun2-2 .ruku3-1 {

background: url("../images/qietu/leftnave/three/ruku3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第三项/
.kucun2-2 .chuku3-1 {

background: url("../images/qietu/leftnave/three/chuku3icon.png") no-repeat 0px 1px;
padding-left: 20px;

}

/第二层第七选项三级目录左移/
.ulBox2 .caiwu2 ul {

margin-left: 12px;

}
/第二层,第七项设置库存图标/
.ulBox2 .caiwu2-1 {

background: url("../images/qietu/leftnave/two/caiwu2icon.png") no-repeat 0px 1px;
padding-left: 20px;

}
/第二层第七选项三级目录设置图标/
/第一项/
.caiwu2-2 .caiwu3-1 {

background: url("../images/qietu/leftnave/three/caiwuguanli3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二项/
.caiwu2-2 .yingshou3-1 {

background: url("../images/qietu/leftnave/three/yingshou3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第三项/
.caiwu2-2 .yingfu3-1 {

background: url("../images/qietu/leftnave/three/yingfu3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第四项/
.caiwu2-2 .tongji3-1 {

background: url("../images/qietu/leftnave/three/tongji3icon.png") no-repeat 0px 2px;
padding-left: 20px;

}
/第二层第七选项四级目录设置图标/
.caiwu2-3{

margin-left: -15px;

}
/第一项/
.caiwu2-3 .baobiao4 {

background: url("../images/qietu/leftnave/four/baobiao4icon.png") no-repeat 0px 11px;
padding-left: 20px;

}
/第二项/
.caiwu2-3 .liebiao4 {

background: url("../images/qietu/leftnave/four/liebiao4icon.png") no-repeat 0px 12px;
padding-left: 20px;

}
/第三项/
.caiwu2-3 .xinzeng4 {

background: url("../images/qietu/leftnave/four/xinzeng4icon.png") no-repeat 0px 12px;
padding-left: 20px;

}
/第二层,二级ul ulBox2,7个li选项 .jichu2/.xiaoshou2/.caigou2/.shengchan2/.kucun2/.caiwu2 二级6个折叠/
/所对应第三层 .jichu2-2 .xiaoshou2-2 .caigou2-2 .shengchan2-2 .kucun2-2 .caiwu2-2/
.ulBox2 .jichu2-2,.xiaoshou2-2,.caigou2-2,.shengchan2-2,.kucun2-2,.caiwu2-2 {

display: none;

}

/第三层 .tongji3一个折叠, .caiwu2-3/
.ulBox2 .caiwu2-3 {

display: none;

}
.hideen {

display: block;

}
/!!显示!!/
.show {
display: block;
}

// JS代码,使用的JQ*
/**

  • 由zhengyongchun于2017/4/18创建。
    */

// 头部导航栏部分:
$(function () {

$(".a1").mousedown(function () {
    $(".a1").css({'background': 'url(images/nav/ziliaonex.png) no-repeat'});
})
$(".a1").mouseup(function () {
    $(".a1").css({'background': 'url(images/nav/ziliao.png) no-repeat'});
})
$(".a2").mousedown(function () {
    $(".a2").css({'background': 'url(images/nav/dingdannex.png) no-repeat'});
})
$(".a2").mouseup(function () {
    $(".a2").css({'background': 'url(images/nav/dingdan.png) no-repeat'});
})
$(".a3").mousedown(function () {
    $(".a3").css({'background': 'url(images/nav/caigounex.png) no-repeat'});
})
$(".a3").mouseup(function () {
    $(".a3").css({'background': 'url(images/nav/caigou.png) no-repeat'});
})
$(".a4").mousedown(function () {
    $(".a4").css({'background': 'url(images/nav/shengchannex.png) no-repeat'});
})
$(".a4").mouseup(function () {
    $(".a4").css({'background': 'url(images/nav/shengchan.png) no-repeat'});
})
$(".a5").mousedown(function () {
    $(".a5").css({'background': 'url(images/nav/kucunnex.png) no-repeat'});
})
$(".a5").mouseup(function () {
    $(".a5").css({'background': 'url(images/nav/kucun.png) no-repeat'});
})
$(".a6").mousedown(function () {
    $(".a6").css({'background': 'url(images/nav/caiwunex.png) no-repeat'});
})
$(".a6").mouseup(function () {
    $(".a6").css({'background': 'url(images/nav/caiwu.png) no-repeat'});
})

// 左三级侧边栏
// 二级所有点击li选项集合
// console.log($(".ulBox2>li:not(.yonghu2)"));
// 二级li选项中的所有收放UL集合
// console.log($(".ulBox2>li:not(.yonghu2)>ul"));
// 三级 .tongji3
var count=0;
$(".ulBox2>li:not(.yonghu2,caiwu2)").click(function () {
    if(count==0){
        $(this).children("ul").css('display','block');
        count=1;
    }else if(count==1){
        $(this).children("ul").css('display','none');
        count=0;
    }
})
var count1=0;
$(".caiwu2-2>.tongji3").click(function (e) {
    e.stopPropagation();
    if(count1==0){
        $(this).children("ul").css('display','block');
        count1=1;
    }else if(count1==1){
        $(this).children("ul").css('display','none');
        count1=0;
    }
})

// var count=0;
// $(".ulBox2>li:not(.yonghu2,caiwu2)").click(function () {
//     if (count==0){
//         $(this).children("ul").css('display','block');
//         count=1;
//     }else if(count==1){
//         $(this).children("ul").css('display','none');
//         count=0;
//     }
// }

})

为情所困
为情所困

全部回复(2)
为情所困
为情所困2017-05-19 10:37:10 2 楼

友情帮顶。。。
给你提个建议：
1、问题标题中不要有错别字，语句要通顺，发之前自己审查一下
2、示例代码不要太长，三四百行的代码这里没时间看

点赞 +0
添加回复
阿神
阿神2017-05-19 10:37:10 1 楼

把关键代码贴出来不是更好吗？

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板