IM12345_Web demo - 代码源于 商丘市12345项目

gonggao-con.html 5.4KB

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