永城市12345 (县级市)- 来源于虞城县12345 - 所有县级统一API

morePhotos.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>更多图片展示</title>
  6. <meta name="keywords" content="永城市12345,12345政府,政府服务热线,永城市12345政府服务热线,12345市长热线,市长热线,有事找政府,网上受理,政民互动,政府服务,群众沟通">
  7. <meta name="Description" content="" />
  8. <meta http-equiv="x-ua-compatible" content="ie=edge">
  9. <link rel="stylesheet" href="css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="css/indexs.css" />
  11. <!--[if lt IE 9]>
  12. <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  13. <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
  14. <![endif]-->
  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. </style>
  40. </head>
  41. <body>
  42. <div class="topbar">
  43. <div class="container">
  44. <ul class="fl">
  45. <li>
  46. <a href="#" target="_self">永城市12345政务服务热线</a>
  47. </li>
  48. </ul>
  49. <ul class="rl Right_f">
  50. <li>
  51. <a href="http://120.194.203.92:8888/login.html">管理登录</a>
  52. </li>
  53. <li>
  54. <span class="text-muted">|</span>
  55. </li>
  56. <li>
  57. <a href="javascript:;" class="topbarWx">
  58. <img src="img/wechat.png" alt="微信logo" /> 微信公众号
  59. <div class="topbarWx-box">
  60. <i class="topbarWx-code"></i>
  61. <span>微信扫码,关注我们</span>
  62. </div>
  63. </a>
  64. </li>
  65. <li>
  66. <span class="text-muted">|</span>
  67. </li>
  68. <li>
  69. <a href="javascript:;" class="topbarClient">
  70. <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
  71. <div class="topbarClient-box">
  72. <input id="elevator-app-url0" type="text" value="" style="display: none;" />
  73. <div id="elevator-app-qrcode0"></div>
  74. <span class="">扫码下载,使用客户端</span>
  75. </div>
  76. </a>
  77. </li>
  78. </ul>
  79. </div>
  80. </div>
  81. <section>
  82. <div class="ban_title">
  83. <img src="img/banner.png" alt="图片" />
  84. </div>
  85. </section>
  86. <!--导航-->
  87. <div class="navcon shadow">
  88. <div class="navcon_box clearfix">
  89. <ul class="nav ">
  90. <div class="fl ban-border"></div>
  91. <li class="actives ">
  92. <a href="index.html" target="_self" class="clearfix">
  93. <div class="fl ban-img">
  94. <img src="img/a1.png" alt="" />
  95. </div>
  96. <div class=" Baner-pos">
  97. <p>网站首页</p>
  98. </div>
  99. </a>
  100. </li>
  101. <div class="fl ban-border"></div>
  102. <li>
  103. <a href="zhengce.html" target="_self">
  104. <div class="fl ban-img">
  105. <img src="img/a2.png" alt="" />
  106. </div>
  107. <div class=" Baner-pos">
  108. <p>政策要闻</p>
  109. </div>
  110. </a>
  111. </li>
  112. <div class="fl ban-border"></div>
  113. <li>
  114. <a href="dongtai.html" target="_self">
  115. <div class="fl ban-img">
  116. <img src="img/a3.png" alt="" />
  117. </div>
  118. <div class=" Baner-pos">
  119. <p>工作动态</p>
  120. </div>
  121. </a>
  122. </li>
  123. <div class="fl ban-border"></div>
  124. <li>
  125. <a href="baoguang.html" target="_self">
  126. <div class="fl ban-img">
  127. <img src="img/a4.png" alt="" />
  128. </div>
  129. <div class=" Baner-pos">
  130. <p>便民信息</p>
  131. </div>
  132. </a>
  133. </li>
  134. <div class="fl ban-border"></div>
  135. <li>
  136. <a href="tousu.html" target="_self">
  137. <div class="fl ban-img">
  138. <img src="img/a5.png" alt="" />
  139. </div>
  140. <div class=" Baner-pos">
  141. <p>网上受理</p>
  142. </div>
  143. </a>
  144. </li>
  145. <div class="fl ban-border"></div>
  146. <li>
  147. <a href="shouli.html" target="_self">
  148. <div class="fl ban-img">
  149. <img src="img/a6.png" alt="" />
  150. </div>
  151. <div class=" Baner-pos">
  152. <p>网上查询</p>
  153. </div>
  154. </a>
  155. </li>
  156. <div class="fl ban-border"></div>
  157. </ul>
  158. </div>
  159. </div>
  160. <!--内容-->
  161. <div class="Content">
  162. <div>
  163. <div class="navcon_box clearfix navCon">
  164. <div class="main-wrap main-body">
  165. <div class="box-01 red-decoration">
  166. <div class="box-title">
  167. <div class="box-title-name">
  168. <ol class="breadcrumb">
  169. <li>
  170. <a href="index.html">首页</a>
  171. </li>
  172. <li class="active">全部照片展示</li>
  173. </ol>
  174. </div>
  175. </div>
  176. <div class="main-content">
  177. <div class="content-text">
  178. <div class="news_content_content">
  179. <ul class="img_box clearfix">
  180. </ul>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <!--底部开始-->
  190. <div class="footer">
  191. <div class="navcon_box footerbox ">
  192. <div>Copyright &copy;2017 永城市12345政务服务热线版权所有 All Rights Reserved.</div>
  193. <div>备案号:
  194. <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备19038128号</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/GetTopNewsList", {
  208. type: 5,
  209. num: 8
  210. }, function(result) {
  211. result = JSON.parse(result);
  212. var content = result.data;
  213. //console.log(content);
  214. for(var i = 0; i < content.length; i++) {
  215. var a_ = 'img/meilihebi.png';
  216. var a = content[i].img;
  217. if(a) {
  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. }
  232. })
  233. }
  234. //getClient();
  235. //获取客户端地址并转成二维码
  236. //顶部hover
  237. $('.topbarWx').hover(function() {
  238. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  239. });
  240. $('.topbarClient').hover(function() {
  241. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  242. });
  243. </script>
  244. </body>
  245. </html>