flexIndex/index.html at master · CSS3Object/flexIndex · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta http-equiv="X-UA-Compitable" content="IE=edge">
    <title>首页</title>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <style>
        /*.itmBox2>li {*/
        /*width: 24%;*/
        /*}*/
        /*body{*/
        /*overflow:hidden;*/
        /*}*/
        /*.logo-index>img {*/
        /*position: relative;*/
        /*bottom: -15px;*/
        /*}*/
    </style>
</head>

<body id="skin-blur-blue" class="indeBox">
    <div class="topContent8 w-100">
        <div class="forceBox w-100">
            <div class="topContent8Centeritem  w-100">
                <div class="topitmBox1 w-100">
                    <a href="javascript:void (0)" class="pre-left">
                        <img src="images/left.png" alt="" class="leftimg">
                        <img src="images/leftf.png" alt="" class="leftfimg none">
                    </a>
                    <ul class="itmBox1">
                        <li>
                            <!--<a href="cockpit.html">-->
                            <a href="javascript:void (0);">
                                <img src="images/view.png" alt="" class="img-responsive">
                                <p>驾驶舱</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="images/view.png" alt="" class="img-responsive">
                                <p>驾驶舱</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <img src="images/view.png" alt="" class="img-responsive">
                                <p>驾驶舱</p>
                            </a>
                        </li>
                    </ul>
                    <a href="javascript:void (0)" style="" class="down-right">
                        <img src="images/right.png" alt="" class="rightimg">
                        <img src="images/rightf.png" alt="" class="rightfimg none">
                    </a>
                </div>
                <ul class="itmBox2">
                    <li>
                        <!--<a href="cockpitmanage.html">-->
                        <a href="javascript:void (0);">
                            <img class="img-responsive" src="images/business.png" alt="业务管理">
                            <p>业务管理</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img class="img-responsive" src="images/topo.png" alt="拓扑图">
                            <p>拓扑图</p>
                        </a>
                    </li>
                    <li>
                        <!--<a href="flowmanageSetting.html">-->
                        <a href="javascript:void (0);">
                            <img class="img-responsive" src="images/traffic.png" alt="流量存储">
                            <p>流量存储</p>
                        </a>
                    </li>
                    <li>
                        <!--<a href="alarmSetting.html">-->
                        <a href="javascript:void (0);">
                            <img class="img-responsive" src="images/warning.png" alt="告警设置">
                            <p>告警统计</p>
                        </a>
                    </li>
                    <li>
                        <!--<a href="fromSetting.html">-->
                        <a href="javascript:void (0);">
                            <img class="img-responsive" src="images/report.png" alt="报表管理">
                            <p>报表管理</p>
                        </a>
                    </li>
                    <li>
                        <!--<a href="setting.html">-->
                        <a href="javascript:void (0);">
                            <img class="img-responsive" src="images/system.png" alt="系统设置">
                            <p>系统设置</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer w-100">
                <div class="footer-width"></div>
                <div class="br-font"><img src="images/slogin.png" alt="" class="img-responsive" /></div>
                <div class="footer-width"></div>
            </div>
        </div>
    </div>
    <div class="logo-index">
        <!-- <img src="images/xxlogo.png" class="img-responsive" /> -->
    </div>
    <div id="main" class="p-relative" role="main"></div>
</body>

</html>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/changeBackground.js"></script>
<script>
    $(".down-right").click(function () {
        $(this).css("visibility", "hidden");
        $(".pre-left").css("visibility", "visible");
    });
    $(".pre-left").click(function () {
        $(this).css("visibility", "hidden");
        $(".down-right").css("visibility", "visible");
    })
</script>