商丘12345 前端

ComHeader.html 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. <div class="topbar">
  2. <div class="container">
  3. <ul class="fl">
  4. <li>
  5. <a href="#" target="_self">商丘市政务部门门户网站</a>
  6. </li>
  7. </ul>
  8. <ul class="rl Right_f">
  9. <li>
  10. <a href="http://222.89.245.66:8818/login.html">管理登录</a>
  11. </li>
  12. <li>
  13. <span class="text-muted">|</span>
  14. </li>
  15. <li>
  16. <a href="https://weibo.com/u/6357563178" target="_blank">
  17. <i class="weibo"></i> 新浪微博
  18. </a>
  19. </li>
  20. <li>
  21. <span class="text-muted">|</span>
  22. </li>
  23. <li>
  24. <a href="javascript:;" class="topbarWx">
  25. <img src="img/wechat.png" alt="微信logo" /> 微信公众号
  26. <div class="topbarWx-box">
  27. <i class="topbarWx-code"></i>
  28. <span>微信扫码,关注我们</span>
  29. </div>
  30. </a>
  31. </li>
  32. <li>
  33. <span class="text-muted">|</span>
  34. </li>
  35. <li>
  36. <a href="javascript:;" class="topbarClient">
  37. <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
  38. <div class="topbarClient-box">
  39. <div id="elevator-app-qrcode0"></div>
  40. <span class="">扫码下载,使用客户端</span>
  41. </div>
  42. </a>
  43. </li>
  44. </ul>
  45. </div>
  46. </div>
  47. <div class="headbar" style="border: none; display: none;">
  48. <div class="container">
  49. <div class="brand fl">
  50. <img src="img/logo.png" alt="logo" />
  51. </div>
  52. <ul class="rl Right_nav">
  53. <li>
  54. <a href="#" class="active">网站首页</a>
  55. </li>
  56. <li>
  57. <a href="tousu.html" target="_self">
  58. 网上受理
  59. </a>
  60. </li>
  61. <li>
  62. <a href="shouli.html" target="_self">
  63. 网上查询
  64. </a>
  65. </li>
  66. <li>
  67. <a href="zhengce.html" target="_self">
  68. 政策法规
  69. </a>
  70. </li>
  71. <li>
  72. <a href="PeopleNews.html" target="_self">
  73. 民情速递
  74. </a>
  75. </li>
  76. </ul>
  77. </div>
  78. </div>
  79. <!--banner轮播-->
  80. <div>
  81. <div id="bannerContainer" class="bannerContainer">
  82. <img src="img/banner-img_0.png" alt="图片" />
  83. </div>
  84. </div>
  85. <!--导航-->
  86. <div class="navcon" id="navcon">
  87. <div class="navcon_box clearfix">
  88. <!--<ul class="nav nav-justified" id="navcon_box">-->
  89. <ul class="nav" id="navcon_box">
  90. <li>
  91. <a href="index.html" target="_self">网站首页</a>
  92. </li>
  93. <li>
  94. <a href="newsList.html?type=1" target="_self">工作动态</a>
  95. </li>
  96. <li>
  97. <a href="newsList.html?type=6" target="_self">通知通告</a>
  98. </li>
  99. <li>
  100. <a href="tousu.html" target="_self">网上受理</a>
  101. </li>
  102. <li>
  103. <a href="shouli.html" target="_self">网上查询</a>
  104. </li>
  105. <li>
  106. <a href="newsList.html?type=4" target="_self">政策法规</a>
  107. </li>
  108. <li>
  109. <a href="newsList.html?type=7" target="_self">政策解读</a>
  110. </li>
  111. <li>
  112. <a href="newsList.html?type=8" target="_self">机构职能</a>
  113. </li>
  114. <li>
  115. <a href="newsList.html?type=9" target="_self">领导信息</a>
  116. </li>
  117. <li class="navLast">
  118. <a href="newsList.html?type=2" target="_self">民情速递</a>
  119. </li>
  120. </ul>
  121. </div>
  122. </div>
  123. <script>
  124. getClients();
  125. //获取客户端地址并转成二维码
  126. function getClients() {
  127. var curentHost = window.location.protocol + '//' + window.location.host;
  128. var clientURL = curentHost + '/download.html?n=' + Math.random();
  129. var qrcode = new QRCode(document.getElementById('elevator-app-qrcode0'), {
  130. width: 108,
  131. height: 108
  132. });
  133. qrcode.makeCode(clientURL);
  134. }
  135. var urlText= window.location.pathname;
  136. var strs = urlText.split('/');
  137. var urlfile = strs[strs.length-1];
  138. if(urlfile=='dongtai-con.html'){
  139. urlfile='dongtai.html'
  140. }
  141. if(urlfile=='gonggao-con.html'){
  142. urlfile='gonggao.html'
  143. }
  144. if(urlfile=='zhengce-con.html'){
  145. urlfile='zhengce.html'
  146. }
  147. if(urlfile=='minqing-con.html'){
  148. urlfile='PeopleNews.html'
  149. }
  150. $('#navcon_box li').each(function(i,n){
  151. if($(n).find('a').attr('href')==urlfile){
  152. $(n).addClass('actives').siblings().removeClass('actives')
  153. }
  154. })
  155. </script>