新野县12345_前端

morePhotos.html 6.1KB

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