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

ComHeader.html 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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="dongtai.html" target="_self">工作动态</a>
  95. </li>
  96. <li>
  97. <a href="gonggao.html" 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="zhengce.html" target="_self">政策法规</a>
  107. </li>
  108. <li class="navLast">
  109. <a href="PeopleNews.html" target="_self">民情速递</a>
  110. </li>
  111. </ul>
  112. </div>
  113. </div>
  114. <script>
  115. getClients();
  116. //获取客户端地址并转成二维码
  117. function getClients() {
  118. var curentHost = window.location.protocol + '//' + window.location.host;
  119. var clientURL = curentHost + '/download.html?n=' + Math.random();
  120. var qrcode = new QRCode(document.getElementById('elevator-app-qrcode0'), {
  121. width: 108,
  122. height: 108
  123. });
  124. qrcode.makeCode(clientURL);
  125. }
  126. var urlText= window.location.pathname;
  127. var strs = urlText.split('/');
  128. var urlfile = strs[strs.length-1];
  129. if(urlfile=='dongtai-con.html'){
  130. urlfile='dongtai.html'
  131. }
  132. if(urlfile=='gonggao-con.html'){
  133. urlfile='gonggao.html'
  134. }
  135. if(urlfile=='zhengce-con.html'){
  136. urlfile='zhengce.html'
  137. }
  138. if(urlfile=='minqing-con.html'){
  139. urlfile='PeopleNews.html'
  140. }
  141. $('#navcon_box li').each(function(i,n){
  142. if($(n).find('a').attr('href')==urlfile){
  143. $(n).addClass('actives').siblings().removeClass('actives')
  144. }
  145. })
  146. </script>