新余市12345政府服务热线_Web

morePhotos.html 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  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. </style>
  38. </head>
  39. <body>
  40. <div class="topbar">
  41. <div class="container">
  42. <ul class="fl">
  43. <li>
  44. <a href="#" target="_self">欢迎访问鹿邑12345县长热线官方网站</a>
  45. </li>
  46. </ul>
  47. <ul class="rl Right_f">
  48. <!--
  49. <li>
  50. <a href="https://weibo.com/u/6357563178" target="_blank">
  51. <i class="weibo"></i>
  52. 新浪微博
  53. </a>
  54. </li>
  55. <li>
  56. <span class="text-muted">|</span>
  57. </li>
  58. -->
  59. <li>
  60. <a href="http://61.163.183.173:8888/login.html">管理登录</a>
  61. </li>
  62. <li>
  63. <span class="text-muted">|</span>
  64. </li>
  65. <li>
  66. <a href="javascript:;" onclick="helper.setTop.setHome(this,window.location)">设为首页</a>
  67. </li>
  68. <li>
  69. <span class="text-muted">|</span>
  70. </li>
  71. <li>
  72. <a href="javascript:;" onclick="helper.setTop.addFavorite(window.location,document.title)">加入收藏</a>
  73. </li>
  74. </ul>
  75. </div>
  76. </div>
  77. <section>
  78. <div id="bannerContainer" class="bannerContainer shadow">
  79. <img src="img/banner.png" alt="图片" />
  80. <!-- <div class="sections">
  81. <div class="section" id="section0"></div>
  82. <div class="section" id="section1"></div>
  83. <div class="section" id="section2"></div>
  84. </div>-->
  85. </div>
  86. </section>
  87. <!--导航-->
  88. <div class="navcon shadow">
  89. <div class="navcon_box clearfix">
  90. <ul class="nav ">
  91. <li class="actives clearfix">
  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="rl Baner-pos">
  97. <p>网站首页</p>
  98. <span>HOME PAGE</span>
  99. </div>
  100. </a>
  101. </li>
  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="rl Baner-pos">
  108. <p>政策要闻</p>
  109. <span>HIGHLIGHYTS</span>
  110. </div>
  111. </a>
  112. </li>
  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="rl Baner-pos">
  119. <p>工作动态</p>
  120. <span>CONVENIENCE</span>
  121. </div>
  122. </a>
  123. </li>
  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="rl Baner-pos">
  130. <p>便民信息</p>
  131. <span>GOVERNMENT</span>
  132. </div>
  133. </a>
  134. </li>
  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="rl Baner-pos">
  141. <p>网上受理</p>
  142. <span>ACCEPTANCE</span>
  143. </div>
  144. </a>
  145. </li>
  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="rl Baner-pos">
  152. <p>网上查询</p>
  153. <span>ONLINE QUERY</span>
  154. </div>
  155. </a>
  156. </li>
  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备08007487号</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>