forked from zhangti0708/bigdata-examples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (180 loc) · 10.3 KB
/
index.html
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>大屏模板</title>
<link rel="stylesheet" type="text/css" href="动画/css/reset.css" />
<link rel="stylesheet" type="text/css" href="动画/css/animate.css" />
<script src="动画/js/jquery-2.1.1.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
html,
body {
width: 100%;
height: 100%;
overflow-y: hidden;
}
.main {
width: 100%;
height: 100%;
background: #000;
box-shadow: inset 0px 0px 20px 10px #00bcd4;
overflow-y: scroll;
padding-bottom: 15px;
}
.zt-img-ul {
padding-left: 10px;
padding-top: 30px;
}
.zt-img-li {
padding-left: 25px;
}
.zt-img-div {
cursor: pointer;
color: white;
padding: 5px;
margin: 5px;
float: left;
background: #2196f32b;
border-radius: 5px;
box-shadow: inset -2px -1px 15px 0px white;
text-align: center;
text-shadow: -1px -1px 2px white;
font-size: 15px;
}
.zt-img {
width: 350px;
height: 200px;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="main tip zoomIn a-time2">
<div class="body-panel">
<ul class="zt-img-ul">
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧交通/大数据视频监控/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧交通/大数据视频监控/大数据视频监控平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧交通/旅游大数据/index.html'>智慧旅游综合服务平台</p><img class="zt-img"
src="智慧交通/旅游大数据/智慧旅游综合服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧交通/高速交通大数据分析平台/index.html'>高速综合管控大数据平台</p><img class="zt-img"
src="智慧交通/高速交通大数据分析平台/高速综合管控大数据平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧医疗/大数据医疗/views/index.html'>大数据医疗服务平台</p><img class="zt-img"
src="智慧医疗/大数据医疗/大数据医疗服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧城市/大数据可视化展板通用模板/index.html'>大数据可视化展板通用模板</p><img class="zt-img"
src="智慧城市/大数据可视化展板通用模板/大数据可视化展板通用模板.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧城市/智慧工地/index.html'>智慧工地</p><img class="zt-img" src="智慧城市/智慧工地/智慧工地.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/土地交易大数据可视化平台/index.html'>土地交易大数据可视化平台</p><img class="zt-img"
src="智慧政务/土地交易大数据可视化平台/土地交易大数据可视化平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/工商办税大数据监控平台/index.html'>工商办税大数据监控平台</p><img class="zt-img"
src="智慧政务/工商办税大数据监控平台/工商办税大数据监控平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/智慧社区/index.html'>智慧社区内网比对平台</p><img class="zt-img" src="智慧政务/智慧社区/智慧社区内网比对平台.png">
</p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/综合分析平台/pages/index.html'>综合分析平台</p><img class="zt-img"
src="智慧政务/综合分析平台/综合分析平台.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧政务/舆情分析/public.html'>舆情分析平台</p><img class="zt-img" src="智慧政务/舆情分析/舆情分析平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧气象/气象预报大数据平台/index.html'>气象预报大数据平台</p><img class="zt-img"
src="智慧气象/气象预报大数据平台/气象预报大数据平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物流/智慧物流/index.html'>智慧物流服务平台</p><img class="zt-img" src="智慧物流/智慧物流/智慧物流服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物流/物流大数据服务平台/index.html'>物流大数据服务平台</p><img class="zt-img"
src="智慧物流/物流大数据服务平台/物流大数据服务平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物联/新能源车联网综合大数据平台/index.html'>车联网监控平台</p><img class="zt-img"
src="智慧物联/新能源车联网综合大数据平台/车联网监控平台.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧物联/物联网平台数据统计/index.html'>物联网平台数据统计</p><img class="zt-img"
src="智慧物联/物联网平台数据统计/物联网监控平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧电商/电子商务公共服务平台大数据中心/index.html'>电子商务公共服务平台大数据中心</p><img class="zt-img"
src="智慧电商/电子商务公共服务平台大数据中心/电子商务公共服务平台大数据中心.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧电商/运营大数据/index.html'>运营大数据</p><img class="zt-img" src="智慧电商/运营大数据/运营大数据.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧电商/销售大数据页面模板/index.html'>销售大数据页面模板</p><img class="zt-img"
src="智慧电商/销售大数据页面模板/生意参谋大数据可视化平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/可视化监控管理/index.html'>可视化监控管理</p><img class="zt-img"
src="智慧运维/可视化监控管理/可视化监控管理平台.png"></p>
</div>
</li>
<li class="zt-img-li">
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/大数据统计展示大屏/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运维/大数据统计展示大屏/大数据统计展示大屏.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/大数据运维总览图/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运维/大数据运维总览图/大数据运维总览图.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运维/设备环境监测平台/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运维/设备环境监测平台/设备环境监测平台.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧运营/厅店效能大屏监控看板/page/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧运营/厅店效能大屏监控看板/厅店效能大屏监控看板.png"></p>
</div>
<div class="zt-img-div tip rubberBand a-time2">
<p href='智慧金融/银行企业信用风险实时监测/index.html'>大数据视频监控平台</p><img class="zt-img"
src="智慧金融/银行企业信用风险实时监测/银行企业信用风险实时监测平台.png"></p>
</div>
</li>
</ul>
</div>
</div>
<script>
$('.zt-img-div').hover(function () {
$(this).removeClass('rubberBand')
$(this).addClass('shake')
}, function () {
$(this).removeClass('shake')
})
$('.zt-img-div').on('click', function () {
$(this).children('p').attr('href') ? window.open($(this).children('p').attr('href')) : ''
})
</script>
</body>
</html>