商丘12345 前端

复制 dongtai-con.html 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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. <!--<link rel="stylesheet" href="css/bootstrap.min.css" />
  19. <link rel="stylesheet" href="css/indexs.css" />-->
  20. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
  21. <!--微博直播,微博发布器 用-->
  22. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774" type="text/javascript" charset="utf-8"></script>
  23. <!--微博发布器 调试用 debug=true-->
  24. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4157670774&debug=true" type="text/javascript" charset="utf-8"></script>
  25. <style>
  26. .weibo {
  27. display: inline-block;
  28. vertical-align: middle;
  29. }
  30. .main-content {
  31. position: relative;
  32. padding: 30px 60px 110px !important;
  33. /*border: none !important;*/
  34. }
  35. .img_detial {
  36. margin-left: 185px;
  37. }
  38. .img_detial .title {
  39. width: 900px !important;
  40. background-color: rgb(242, 242, 242);
  41. }
  42. .img_detial .title span {
  43. display: inline-block;
  44. padding: 13px 20px;
  45. background-color: rgb(193, 39, 41);
  46. font-size: 16px;
  47. color: #fff;
  48. }
  49. .leadersInfo {
  50. width: 840px !important;
  51. padding: 30px;
  52. }
  53. .img {
  54. width: 135px;
  55. float: left;
  56. text-align: center;
  57. }
  58. .leader_img {
  59. width: 135px;
  60. height: 190px;
  61. }
  62. .img_name {
  63. font-size: 16px;
  64. color: rgb(193, 39, 41);
  65. padding-top: 5px;
  66. display: inline-block;
  67. font-weight: 600;
  68. }
  69. </style>
  70. </head>
  71. <body>
  72. <div class="header"></div>
  73. <!--内容-->
  74. <div class="Content">
  75. <div>
  76. <div class="navcon_box clearfix navCon" style="height: 538px;">
  77. <div class="main-wrap main-body">
  78. <div class="box-01 red-decoration">
  79. <div class="box-title">
  80. <div class="box-title-name">
  81. <ol class="breadcrumb">
  82. <li>
  83. <a href="index.html">首页</a>
  84. </li>
  85. <li>
  86. <a href="#" class="activeT"></a>
  87. </li>
  88. <li class="active">动态详情</li>
  89. </ol>
  90. </div>
  91. </div>
  92. <div class="main-content">
  93. <div class="img"></div>
  94. <div class="img_detial">
  95. <div class="title"><span>领导简历</span></div>
  96. <div class="leadersInfo"></div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!--微博分享-->
  102. <!--<div style="width:100%;"><wb:comments url="auto" width="auto" appkey="2353346562"></wb:comments></div>-->
  103. </div>
  104. </div>
  105. </div>
  106. <!--底部开始-->
  107. <!--<div class="footerCoon">-->
  108. <div class="footer">
  109. </div>
  110. <div class="footerBot">
  111. <script type="text/javascript">
  112. 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"));
  113. </script>
  114. </div>
  115. <!--</div>-->
  116. <!--<script src="js/qrcode.min.js"></script>
  117. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>-->
  118. <script src="js/getClient.js"></script>
  119. <script>
  120. $.support.cors = true;
  121. var id = helper.request.queryString("id");
  122. var type = helper.request.queryString("type");
  123. $('.activeT').attr('href','newsList.html?type='+type);
  124. switch(type + '') {
  125. case '1':
  126. $('.activeT').text('工作动态')
  127. document.title = '工作动态';
  128. break;
  129. case '2':
  130. $('.activeT').text('民情速递')
  131. document.title = '民情速递';
  132. break;
  133. case '3':
  134. $('.activeT').text('曝光台')
  135. document.title = '曝光台';
  136. break;
  137. case '4':
  138. $('.activeT').text('政策法规')
  139. document.title = '政策法规';
  140. break;
  141. case '5':
  142. $('.activeT').text('工作掠影')
  143. document.title = '工作掠影';
  144. break;
  145. case '6':
  146. $('.activeT').text('公告')
  147. document.title = '公告';
  148. break;
  149. case '7':
  150. $('.activeT').text('政策解读')
  151. document.title = '政策解读';
  152. break;
  153. case '8':
  154. $('.activeT').text('机构职能')
  155. document.title = '机构职能';
  156. break;
  157. case '9':
  158. $('.activeT').text('领导信息')
  159. document.title = '领导信息';
  160. break;
  161. }
  162. if(id) {
  163. $.ajax({
  164. type: "get",
  165. url: huayi.config.callcenter_url + "Web/GetWebNews",
  166. async: true,
  167. dataType: 'json',
  168. cache: false,
  169. data: {
  170. id: id
  171. },
  172. success: function(res) {
  173. if(res.state.toLowerCase() == "success") {
  174. $('.img').append("<img class='leader_img' src='" + res.data.img + "'/>")
  175. $('.img').append("<span class='img_name'>" + res.data.bt + "</span>")
  176. $('.leadersInfo').append(res.data.nr)
  177. }
  178. }
  179. });
  180. }
  181. /*打印*/
  182. $(document).on('click', '#printBtn1', {
  183. printpage: 1
  184. }, preview);
  185. function preview(e) {
  186. var oper = e.data.printpage;
  187. if(oper < 5) {
  188. bdhtml = window.document.body.innerHTML; //获取当前页的html代码
  189. sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域
  190. eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束区域
  191. prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
  192. //print.portrait = true ;//纵向打印 //IE8下不支持此方法
  193. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //从结束代码向前取html
  194. window.document.body.innerHTML = prnhtml;
  195. window.print();
  196. window.document.body.innerHTML = bdhtml;
  197. location.reload();
  198. } else {
  199. window.print();
  200. }
  201. }
  202. // getClient();
  203. //获取客户端地址并转成二维码
  204. //顶部hover
  205. $('.topbarWx').hover(function() {
  206. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  207. });
  208. $('.topbarClient').hover(function() {
  209. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  210. });
  211. </script>
  212. </body>
  213. </html>