济源12345的前端

minqing-con.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  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. <link rel="shortcut icon" href="img/32.ico" />
  16. <title></title>
  17. <script src="js/common/huayi.load.js"></script>
  18. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
  19. <!--微博直播,微博发布器 用-->
  20. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774" type="text/javascript" charset="utf-8"></script>
  21. <!--微博发布器 调试用 debug=true-->
  22. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774&debug=true" type="text/javascript" charset="utf-8"></script>
  23. <style>
  24. .weibo {
  25. display: inline-block;
  26. vertical-align: middle;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="header"></div>
  32. <!--内容-->
  33. <div class="Content">
  34. <div>
  35. <div class="navcon_box clearfix navCon">
  36. <div class="main-wrap main-body">
  37. <div class="box-01 red-decoration">
  38. <div class="box-title">
  39. <div class="box-title-name">
  40. <ol class="breadcrumb">
  41. <li><a href="index.html">首页</a></li>
  42. <li><a href="PeopleNews.html">民情速递</a></li>
  43. <li class="active">民情速递详情</li>
  44. </ol>
  45. </div>
  46. </div>
  47. <div class="main-content">
  48. <!--startprint1--><div class="content-title"></div>
  49. <div class="content-info">
  50. 来源:<span class="sorceText">市政府办公室</span>&nbsp;&nbsp;发布日期:<em class="RQ" style="font-style:normal;"></em> &nbsp;
  51. <sapn class="weibo"></sapn>
  52. <sapn class="weibo">
  53. <wb:share-button appkey="4157670774" addition="simple" type="button" language="zh_cn"></wb:share-button>
  54. </sapn>
  55. </div>
  56. <div class="content-text">
  57. <div class="content-img" style="text-align: center;width: 100%;">
  58. </div>
  59. <div class="news_content_content">
  60. </div>
  61. <!--endprint1--><div class="news_content_other clearfix">
  62. <div class="news-content-function">
  63. <span id="printBtn1" style="cursor: pointer;">打印此文</span>
  64. <!--<span onclick="window.close();">关闭窗口</span>-->
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <!--微博分享-->
  72. <!--<div style="width:100%;"><wb:comments url="auto" width="auto" appkey="2353346562"></wb:comments></div>-->
  73. </div>
  74. </div>
  75. </div>
  76. <!--底部开始-->
  77. <div class="footer">
  78. </div>
  79. <script src="js/getClient.js"></script>
  80. <script>
  81. var id = helper.request.queryString("id");
  82. $.support.cors = true;
  83. if (id) {
  84. $.ajax({
  85. type: "get",
  86. url: huayi.config.callcenter_url + "Web/GetWebNews",
  87. async: true,
  88. dataType: 'json',
  89. data: {
  90. id: id
  91. },
  92. success: function (result) {
  93. if (result.state.toLowerCase() == "success") {
  94. $(".content-title").text(result.data.bt);
  95. $(".RQ").text(result.data.sj);
  96. if (result.data.source=="") {
  97. $(".sorceText").text("本站");
  98. }else{
  99. $(".sorceText").text(result.data.source);
  100. }
  101. $(".news_content_content").html(result.data.nr);
  102. if (result.data.img == '') {
  103. $(".content-img").hide();
  104. }
  105. $('<img style="width:100%;"src="' + result.data.img + '" alt="" />').appendTo(".content-img");
  106. $('meta[property="og:title"]').attr('content', result.data.bt);
  107. // $('meta[property="og:description"]').attr('content',result.data.nr);
  108. $('meta[property="og:url"]').attr('content', window.location.href);
  109. $('meta[name="weibo: article:create_at"]').attr('content', result.data.sj);
  110. }
  111. }
  112. });
  113. }
  114. /*打印*/
  115. $(document).on('click', '#printBtn1', { printpage: 1 }, preview);
  116. function preview(e) {
  117. var oper = e.data.printpage;
  118. if (oper < 5) {
  119. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  120. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  121. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  122. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  123. print.portrait = true;//纵向打印
  124. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  125. window.document.body.innerHTML = prnhtml;
  126. window.print();
  127. window.document.body.innerHTML = bdhtml;
  128. location.reload();
  129. } else {
  130. window.print();
  131. }
  132. }
  133. //获取客户端地址并转成二维码
  134. //顶部hover
  135. $('.topbarWx').hover(function () {
  136. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  137. });
  138. $('.topbarClient').hover(function () {
  139. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  140. });
  141. </script>
  142. </body>
  143. </html>