Browse Source

修改bug

zhoufan 7 years ago
parent
commit
fd531d4f78
1 changed files with 229 additions and 238 deletions
  1. 229 238
      WebSite/morePhotos.html

+ 229 - 238
WebSite/morePhotos.html

1
-<!DOCTYPE html>
1
+<!DOCTYPE html>
2
 <html>
2
 <html>
3
 
3
 
4
-	<head>
5
-		<meta charset="UTF-8">
6
-		<title>更多图片展示</title>
7
-			<meta http-equiv="x-ua-compatible" content="ie=edge">
8
-		<link rel="stylesheet" href="css/bootstrap.min.css" />
9
-		<link rel="stylesheet" href="css/indexs.css" />
10
-				<!--[if lt IE 9]>
11
-  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
12
-  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
13
-<![endif]-->
4
+<head>
5
+    <meta charset="UTF-8">
6
+    <title>更多图片展示</title>
7
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
8
+    <link rel="stylesheet" href="css/bootstrap.min.css" />
9
+    <link rel="stylesheet" href="css/indexs.css" />
10
+    <!--[if lt IE 9]>
11
+      <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
12
+      <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
13
+    <![endif]-->
14
 
14
 
15
-	<style>
16
-		.img_box{
17
-			margin: 0 -1%;
18
-			margin-top: -2%;
19
-		}
20
-		.img_box li{
21
-			float:left;
22
-			width: 24%;
23
-			margin-left:1%;
24
-			margin-top: 2%;
25
-		}
26
-		.img_box li a{
27
-			display:block;
28
-			width: 100%;
29
-		}
30
-		.img_box li img{
31
-			/*display:block;*/
32
-		    width: 252px;
33
-   			height: 165px;
34
-   			margin: 0 auto;
35
-		}
36
-		.box-01.red-decoration .main-content .content-text {
37
-		    margin: 15px 0px;
38
-		}		
39
-		
40
-	</style>
15
+    <style>
16
+        .img_box {
17
+            margin: 0 -1%;
18
+            margin-top: -2%;
19
+        }
41
 
20
 
42
-	</head>
21
+            .img_box li {
22
+                float: left;
23
+                width: 24%;
24
+                margin-left: 1%;
25
+                margin-top: 2%;
26
+            }
43
 
27
 
44
-	<body>
45
-		<div class="topbar">
46
-			<div class="container">
47
-				<ul class="fl">
48
-					<li>
49
-						<a href="#" target="_self">商丘市政府部门门户网站</a>
50
-					</li>
51
-				</ul>
52
-				<ul class="rl Right_f">
53
-					<li>
54
-						<a href="http://222.89.245.66:8818/login.html">管理登录</a>
55
-					</li>
56
-					<li>
57
-						<span class="text-muted">|</span>
58
-					</li>
59
-					<li>
60
-						<a href="https://weibo.com/u/6357563178" target="_blank">
61
-							<i class="weibo"></i>
62
-							新浪微博
63
-						</a>
64
-					</li>
65
-					<li>
66
-						<span class="text-muted">|</span>
67
-					</li>
68
-					<li >
69
-						<a href="javascript:;" class="topbarWx">
70
-							<img src="img/wechat.png" alt="微信logo" /> 微信公众号
71
-							<div class="topbarWx-box">
72
-								<i class="topbarWx-code"></i>
73
-								<span>微信扫码,关注我们</span>
74
-							</div>
75
-						</a>
76
-					</li>
77
-					<li>
78
-						<span class="text-muted">|</span>
79
-					</li>
80
-					<li>
81
-						<a href="javascript:;" class="topbarClient">
82
-							<img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
83
-							<div class="topbarClient-box">
84
-								<input id="elevator-app-url0" type="text" value="" style="display: none;" />
85
-								<div id="elevator-app-qrcode0"></div>
86
-								<span class="">扫码下载,使用客户端</span>
87
-							</div>
88
-						</a>
89
-					</li>
90
-				</ul>
91
-			</div>
92
-		</div>
93
-		<div class="headbar" style="display: none">
94
-			<div class="container">
95
-				<div class="brand fl">
96
-					<img src="img/logo.png" alt="logo" />
97
-				</div>
98
-				<ul class="rl Right_nav">
99
-					<li>
100
-						<a href="index.html" class="active">网站首页</a>
101
-					</li>
102
-					<li>
103
-						<a href="tousu.html" target="_self">
104
-							网上受理
105
-						</a>
106
-					</li>
107
-					<li>
108
-						<a href="shouli.html" target="_self">
109
-							网上查询
110
-						</a>
111
-					</li>
112
-					<li>
113
-						<a href="zhengce.html" target="_self">
114
-							政策法规
115
-						</a>
116
-					</li>
117
-					<li>
118
-						<a href="PeopleNews.html" target="_self">
119
-							民情速递
120
-						</a>
121
-					</li>
122
-				</ul>
123
-			</div>
124
-		</div>
125
-		<section>
126
-			<div id="bannerContainer" class="bannerContainer">
127
-				<img src="img/banner-img_0.png" alt="图片" />
128
-			</div>
129
-		</section>	
130
-		<!--导航-->
131
-		<div class="navcon" >
132
-			<div class="navcon_box clearfix" >
133
-				<ul class="nav nav-justified">
134
-					<li class="actives">
135
-						<a href="index.html"  target="_self">网站首页</a>
136
-					</li>
137
-					<li>
138
-						<a href="dongtai.html"  target="_self">工作动态</a>
139
-					</li>
140
-					<li>
141
-						<a href="gonggao.html"  target="_self">通知通告</a>
142
-					</li>
143
-					<li>
144
-						<a href="tousu.html"  target="_self">网上受理</a>
145
-					</li>
146
-					<li>
147
-						<a href="shouli.html"  target="_self">网上查询</a>
148
-					</li>
149
-					<li>
150
-						<a href="zhengce.html"  target="_self">政策法规</a>
151
-					</li>
152
-					<li>
153
-						<a href="PeopleNews.html"  target="_self">民情速递</a>
154
-					</li>
155
-				</ul>
156
-			</div>
157
-		</div>
158
-		<!--内容-->
159
-		<div class="Content">
160
-			<div>
161
-				<div class="navcon_box clearfix navCon">
162
-					<div class="main-wrap main-body">
163
-						<div class="box-01 red-decoration">
164
-							<div class="box-title">
165
-								<div class="box-title-name">
166
-									<ol class="breadcrumb">
167
-									 	<li><a href="index.html">首页</a></li>
168
-									  	<li class="active">全部照片展示</li>
169
-									</ol>
170
-								</div>
171
-							</div>
172
-							<div class="main-content">
173
-								<div class="content-text">
174
-									<div class="news_content_content">
175
-										<ul class="img_box clearfix">
176
-											
177
-										</ul>
178
- 										
179
-									</div>									
180
-								</div>
181
-							</div>
182
-						</div>
183
-					</div>
184
-				</div>
185
-			</div>
186
-		</div>
187
-		<!--底部开始-->
188
-		<div class="footer">
189
-			<div class="navcon_box footerbox ">
190
-				<div>Copyright &copy;2017 商丘12345政府服务热线版权所有 All Rights Reserved.</div>
191
-				<div>备案号:
192
-					<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备17038817号</a>
193
-				</div>
194
-			</div>
195
-		</div>
196
-		<script src="js/jquery.min.js"></script>
197
-		<script src="js/common/huayi.config.js"></script>
198
-		<script src="js/common/huayi.http.js"></script>
199
-		<script src="js/qrcode.min.js"></script>
200
-		<script src="js/getClient.js"></script>
201
-		<script>
202
-			IMG()
203
-			//走进商丘图片
204
-			function IMG() {
205
-				$.post(huayi.config.callcenter_url + "Web/GetTopNewsList", {
206
-					type: 5,
207
-					num: 8
208
-				}, function(result) {
209
-					result = JSON.parse(result);
210
-					var content = result.data;
211
-					//console.log(content);
212
-					
213
-					for(var i = 0; i < content.length; i++) {
214
-						var a_ = 'img/meilihebi.png';
215
-							var a = content[i].img;
216
-							if(a) {
28
+                .img_box li a {
29
+                    display: block;
30
+                    width: 100%;
31
+                }
217
 
32
 
218
-							} else {
219
-								a = a_;
220
-							}
221
-							//debugger;
222
-							$('<li>' +
223
-//									'<div class="_imgbox clearfix">' +
224
-									'<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
225
-//									'</div>' +
226
-//									'<div>' +
227
-									'<a class="s-14 new_imga">' + content[i].nr + '</a>' +
228
-//									'</div>' +
229
-									'</li>')
230
-								.appendTo(".img_box");
231
-					}
33
+                .img_box li img {
34
+                    /*display:block;*/
35
+                    width: 252px;
36
+                    height: 165px;
37
+                    margin: 0 auto;
38
+                }
232
 
39
 
233
-				})
234
-			}
235
-			 getClient();
236
-			//获取客户端地址并转成二维码
237
-			//顶部hover
238
-			$('.topbarWx').hover(function(){
239
-				$('.topbarWx .topbarWx-box').css( 'left' , $(this).offset().left);
240
-			});
241
-			$('.topbarClient').hover(function(){
242
-				$('.topbarClient .topbarClient-box').css( 'left' , $(this).offset().left);
243
-			});
244
-		</script>
245
-	</body>
40
+        .box-01.red-decoration .main-content .content-text {
41
+            margin: 15px 0px;
42
+        }
43
+    </style>
44
+
45
+</head>
46
+
47
+<body>
48
+    <div class="topbar">
49
+        <div class="container">
50
+            <ul class="fl">
51
+                <li>
52
+                    <a href="#" target="_self">商丘市政府部门门户网站</a>
53
+                </li>
54
+            </ul>
55
+            <ul class="rl Right_f">
56
+                <li>
57
+                    <a href="http://222.89.245.66:8818/login.html">管理登录</a>
58
+                </li>
59
+                <li>
60
+                    <span class="text-muted">|</span>
61
+                </li>
62
+                <li>
63
+                    <a href="https://weibo.com/u/6357563178" target="_blank">
64
+                        <i class="weibo"></i>
65
+                        新浪微博
66
+                    </a>
67
+                </li>
68
+                <li>
69
+                    <span class="text-muted">|</span>
70
+                </li>
71
+                <li>
72
+                <a href="javascript:;" class="topbarWx">
73
+                <img src="img/wechat.png" alt="微信logo" /> 微信公众号
74
+                <div class="topbarWx-box">
75
+                <i class="topbarWx-code"></i>
76
+                <span>微信扫码,关注我们</span>
77
+                </div>
78
+                </a>
79
+                </li>
80
+                <li>
81
+                    <span class="text-muted">|</span>
82
+                </li>
83
+                <li>
84
+                    <a href="javascript:;" class="topbarClient">
85
+                        <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
86
+                        <div class="topbarClient-box">
87
+                            <input id="elevator-app-url0" type="text" value="" style="display: none;" />
88
+                            <div id="elevator-app-qrcode0"></div>
89
+                            <span class="">扫码下载,使用客户端</span>
90
+                        </div>
91
+                    </a>
92
+                </li>
93
+            </ul>
94
+        </div>
95
+    </div>
96
+    <div class="headbar" style="display: none">
97
+        <div class="container">
98
+            <div class="brand fl">
99
+                <img src="img/logo.png" alt="logo" />
100
+            </div>
101
+            <ul class="rl Right_nav">
102
+                <li>
103
+                    <a href="index.html" class="active">网站首页</a>
104
+                </li>
105
+                <li>
106
+                    <a href="tousu.html" target="_self">
107
+                        网上受理
108
+                    </a>
109
+                </li>
110
+                <li>
111
+                    <a href="shouli.html" target="_self">
112
+                        网上查询
113
+                    </a>
114
+                </li>
115
+                <li>
116
+                    <a href="zhengce.html" target="_self">
117
+                        政策法规
118
+                    </a>
119
+                </li>
120
+                <li>
121
+                    <a href="PeopleNews.html" target="_self">
122
+                        民情速递
123
+                    </a>
124
+                </li>
125
+            </ul>
126
+        </div>
127
+    </div>
128
+    <section>
129
+        <div id="bannerContainer" class="bannerContainer">
130
+            <img src="img/banner-img_0.png" alt="图片" />
131
+        </div>
132
+    </section>
133
+    <!--导航-->
134
+    <div class="navcon">
135
+    <div class="navcon_box clearfix">
136
+    <ul class="nav nav-justified">
137
+    <li class="actives">
138
+    <a href="index.html" target="_self">网站首页</a>
139
+    </li>
140
+    <li>
141
+    <a href="dongtai.html" target="_self">工作动态</a>
142
+    </li>
143
+    <li>
144
+    <a href="gonggao.html" target="_self">通知通告</a>
145
+    </li>
146
+    <li>
147
+    <a href="tousu.html" target="_self">网上受理</a>
148
+    </li>
149
+    <li>
150
+    <a href="shouli.html" target="_self">网上查询</a>
151
+    </li>
152
+    <li>
153
+    <a href="zhengce.html" target="_self">政策法规</a>
154
+    </li>
155
+    <li>
156
+    <a href="PeopleNews.html" target="_self">民情速递</a>
157
+    </li>
158
+    </ul>
159
+    </div>
160
+    </div>
161
+    <!--内容-->
162
+    <div class="Content">
163
+        <div>
164
+            <div class="navcon_box clearfix navCon">
165
+                <div class="main-wrap main-body">
166
+                    <div class="box-01 red-decoration">
167
+                        <div class="box-title">
168
+                            <div class="box-title-name">
169
+                                <ol class="breadcrumb">
170
+                                    <li><a href="index.html">首页</a></li>
171
+                                    <li class="active">全部照片展示</li>
172
+                                </ol>
173
+                            </div>
174
+                        </div>
175
+                        <div class="main-content">
176
+                            <div class="content-text">
177
+                                <div class="news_content_content">
178
+                                    <ul class="img_box clearfix"></ul>
179
+
180
+                                </div>
181
+                            </div>
182
+                        </div>
183
+                    </div>
184
+                </div>
185
+            </div>
186
+        </div>
187
+    </div>
188
+    <!--底部开始-->
189
+    <div class="footer">
190
+        <div class="navcon_box footerbox ">
191
+            <div>Copyright &copy;2017 商丘12345政府服务热线版权所有 All Rights Reserved.</div>
192
+            <div>
193
+                备案号:
194
+                <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备17038817号</a>
195
+            </div>
196
+        </div>
197
+    </div>
198
+    <script src="js/jquery.min.js"></script>
199
+    <script src="js/common/huayi.config.js"></script>
200
+    <script src="js/common/huayi.http.js"></script>
201
+    <script src="js/qrcode.min.js"></script>
202
+    <script src="js/getClient.js"></script>
203
+    <script>
204
+        IMG()
205
+        //走进商丘图片
206
+        function IMG() {
207
+            $.post(huayi.config.callcenter_url + "Web/GetAllWebNews", {
208
+                type: 5
209
+            }, function (result) {
210
+                result = JSON.parse(result);
211
+                var content = result.data;
212
+                for (var i = 0; i < content.length; i++) {
213
+                    var a = content[i].img;
214
+                    if (a) {
215
+                        //debugger;
216
+                        $('<li>' +
217
+                            '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
218
+                            '<a class="s-14 new_imga">' + content[i].nr + '</a>' +
219
+                            '</li>')
220
+                            .appendTo(".img_box");
221
+                    }
222
+                }
223
+
224
+            })
225
+        }
226
+        getClient();
227
+        //获取客户端地址并转成二维码
228
+        //顶部hover
229
+        $('.topbarWx').hover(function () {
230
+            $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
231
+        });
232
+        $('.topbarClient').hover(function () {
233
+            $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
234
+        });
235
+    </script>
236
+</body>
246
 
237
 
247
 </html>
238
 </html>