商丘市柘城县——前端

baoguang-con.html 9.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
  1. <!DOCTYPE html>
  2. <html xmlns:wb="http://open.weibo.com/wb">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <!--必填-->
  7. <meta property="og:type" content="article" />
  8. <meta property="og:url" content="" />
  9. <meta property="og:title" content="" />
  10. <meta property="og:description" content="" />
  11. <!--选填-->
  12. <!--<meta property="og:image" content="文章的显示图片" />-->
  13. <meta name="weibo: article:create_at" content="" />
  14. <!--<meta name="weibo: article:update_at" content="文章的更新时间" />-->
  15. <title>动态详情</title>
  16. <link rel="stylesheet" href="css/bootstrap.min.css" />
  17. <link rel="stylesheet" href="css/indexs.css" />
  18. <!--[if lt IE 9]>
  19. <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  20. <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
  21. <![endif]-->
  22. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
  23. <!--微博直播,微博发布器 用-->
  24. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774" type="text/javascript" charset="utf-8"></script>
  25. <!--微博发布器 调试用 debug=true-->
  26. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774&debug=true" type="text/javascript" charset="utf-8"></script>
  27. <style>
  28. .weibo {
  29. display: inline-block;
  30. vertical-align: middle;
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <div class="topbar">
  36. <div class="container">
  37. <ul class="fl">
  38. <li>
  39. <a href="#" target="_self">柘城县12345政府服务热线</a>
  40. </li>
  41. </ul>
  42. <ul class="rl Right_f">
  43. <li>
  44. <a href="http://61.163.183.173:8888/login.html">管理登录</a>
  45. </li>
  46. <li>
  47. <span class="text-muted">|</span>
  48. </li>
  49. <li>
  50. <a href="javascript:;" class="topbarWx">
  51. <img src="img/wechat.png" alt="微信logo" /> 微信公众号
  52. <div class="topbarWx-box">
  53. <i class="topbarWx-code"></i>
  54. <span>微信扫码,关注我们</span>
  55. </div>
  56. </a>
  57. </li>
  58. <li>
  59. <span class="text-muted">|</span>
  60. </li>
  61. <li>
  62. <a href="javascript:;" class="topbarClient">
  63. <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
  64. <div class="topbarClient-box">
  65. <input id="elevator-app-url0" type="text" value="" style="display: none;" />
  66. <div id="elevator-app-qrcode0"></div>
  67. <span class="">扫码下载,使用客户端</span>
  68. </div>
  69. </a>
  70. </li>
  71. </ul>
  72. </div>
  73. </div>
  74. <section>
  75. <div class="ban_title">
  76. <img src="img/banner.png" alt="图片" />
  77. </div>
  78. </section>
  79. <!--导航-->
  80. <div class="navcon shadow">
  81. <div class="navcon_box clearfix">
  82. <ul class="nav ">
  83. <div class="fl ban-border"></div>
  84. <li>
  85. <a href="index.html" target="_self" class="clearfix">
  86. <div class="fl ban-img">
  87. <img src="img/a1.png" alt="" />
  88. </div>
  89. <div class=" Baner-pos">
  90. <p>网站首页</p>
  91. </div>
  92. </a>
  93. </li>
  94. <div class="fl ban-border"></div>
  95. <li>
  96. <a href="zhengce.html" target="_self">
  97. <div class="fl ban-img">
  98. <img src="img/a2.png" alt="" />
  99. </div>
  100. <div class=" Baner-pos">
  101. <p>政策要闻</p>
  102. </div>
  103. </a>
  104. </li>
  105. <div class="fl ban-border"></div>
  106. <li>
  107. <a href="dongtai.html" target="_self">
  108. <div class="fl ban-img">
  109. <img src="img/a3.png" alt="" />
  110. </div>
  111. <div class=" Baner-pos">
  112. <p>工作动态</p>
  113. </div>
  114. </a>
  115. </li>
  116. <div class="fl ban-border"></div>
  117. <li class="actives ">
  118. <a href="baoguang.html" target="_self">
  119. <div class="fl ban-img">
  120. <img src="img/a4.png" alt="" />
  121. </div>
  122. <div class=" Baner-pos">
  123. <p>便民信息</p>
  124. </div>
  125. </a>
  126. </li>
  127. <div class="fl ban-border"></div>
  128. <li>
  129. <a href="tousu.html" target="_self">
  130. <div class="fl ban-img">
  131. <img src="img/a5.png" alt="" />
  132. </div>
  133. <div class=" Baner-pos">
  134. <p>网上受理</p>
  135. </div>
  136. </a>
  137. </li>
  138. <div class="fl ban-border"></div>
  139. <li>
  140. <a href="shouli.html" target="_self">
  141. <div class="fl ban-img">
  142. <img src="img/a6.png" alt="" />
  143. </div>
  144. <div class=" Baner-pos">
  145. <p>网上查询</p>
  146. </div>
  147. </a>
  148. </li>
  149. <div class="fl ban-border"></div>
  150. </ul>
  151. </div>
  152. </div>
  153. <!--内容-->
  154. <div class="Content">
  155. <div>
  156. <div class="navcon_box clearfix navCon">
  157. <div class="main-wrap main-body">
  158. <div class="box-01 red-decoration">
  159. <div class="box-title">
  160. <div class="box-title-name">
  161. <ol class="breadcrumb">
  162. <li>
  163. <a href="index.html">首页</a>
  164. </li>
  165. <li>
  166. <a href="baoguang.html">便民信息</a>
  167. </li>
  168. <li class="active">便民信息详情</li>
  169. </ol>
  170. </div>
  171. </div>
  172. <div class="main-content">
  173. <!--startprint1-->
  174. <div class="content-title"></div>
  175. <div class="content-info">来源:<span class="sorceText">市政府办公室</span>&nbsp;&nbsp;发布日期:<em class="RQ" style="font-style:normal;"></em> &nbsp;
  176. <sapn class="weibo"></sapn>
  177. <sapn class="weibo">
  178. <wb:share-button appkey="4157670774" addition="simple" type="button" language="zh_cn"></wb:share-button>
  179. </sapn>
  180. </div>
  181. <div class="content-text">
  182. <div class="content-img" style="text-align: center;width: 100%;">
  183. </div>
  184. <div class="news_content_content">
  185. </div>
  186. <!--endprint1-->
  187. <div class="news_content_other clearfix">
  188. <div class="news-content-function">
  189. <span id="printBtn1" style="cursor: pointer;">打印此文</span>
  190. <!-- <span onclick="window.close();">关闭窗口</span>-->
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. <!--微博分享-->
  198. <!--<div style="width:100%;"><wb:comments url="auto" width="auto" appkey="2353346562"></wb:comments></div>-->
  199. </div>
  200. </div>
  201. </div>
  202. <!--底部开始-->
  203. <div class="footer">
  204. <div class="navcon_box footerbox ">
  205. <div>Copyright &copy;2017 柘城县12345市民热线版权所有 All Rights Reserved.</div>
  206. <div>备案号:
  207. <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备19004932号</a>
  208. </div>
  209. </div>
  210. </div>
  211. <script src="js/jquery.min.js"></script>
  212. <script src="js/common/huayi.config.js"></script>
  213. <script src="js/common/huayi.http.js"></script>
  214. <script src="js/qrcode.min.js"></script>
  215. <script src="js/getClient.js"></script>
  216. <script>
  217. var id = helper.request.queryString("id");
  218. if(id) {
  219. $.getJSON(huayi.config.callcenter_url + "Web/GetWebNews", {
  220. id: id
  221. }, function(result) {
  222. if(result.state.toLowerCase() == "success") {
  223. console.log(result.data);
  224. $(".content-title").text(result.data.bt);
  225. $(".RQ").text(result.data.sj);
  226. if (result.data.source=="") {
  227. $(".sorceText").text("本站");
  228. }else{
  229. $(".sorceText").text(result.data.source);
  230. }
  231. $(".news_content_content").html(result.data.nr);
  232. if(result.data.img == '') {
  233. $(".content-img").hide();
  234. }
  235. $('<img style="width:100%;"src="' + result.data.img + '" alt="" />').appendTo(".content-img");
  236. $('meta[property="og:title"]').attr('content', result.data.bt);
  237. // $('meta[property="og:description"]').attr('content',result.data.nr);
  238. $('meta[property="og:url"]').attr('content', window.location.href);
  239. $('meta[name="weibo: article:create_at"]').attr('content', result.data.sj);
  240. }
  241. })
  242. }
  243. /*打印*/
  244. $(document).on('click', '#printBtn1', {
  245. printpage: 1
  246. }, preview);
  247. function preview(e) {
  248. var oper = e.data.printpage;
  249. if(oper < 5) {
  250. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  251. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  252. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  253. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  254. print.portrait = true; //纵向打印
  255. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  256. window.document.body.innerHTML = prnhtml;
  257. window.print();
  258. window.document.body.innerHTML = bdhtml;
  259. location.reload();
  260. } else {
  261. window.print();
  262. }
  263. }
  264. //getClient();
  265. //获取客户端地址并转成二维码
  266. //顶部hover
  267. $('.topbarWx').hover(function() {
  268. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  269. });
  270. $('.topbarClient').hover(function() {
  271. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  272. });
  273. </script>
  274. </body>
  275. </html>