夏邑12345_前端

ComHeader.html 4.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <div class="topbar">
  2. <div class="container">
  3. <ul class="fl">
  4. <li>
  5. <a href="#" target="_self">虞城12345马上办便民服务热线</a>
  6. </li>
  7. </ul>
  8. <ul class="rl Right_f">
  9. <li>
  10. <a href="http://61.158.175.97:8888/login.html">管理登录</a>
  11. </li>
  12. <li>
  13. <span class="text-muted">|</span>
  14. </li>
  15. <li>
  16. <a href="javascript:;" class="topbarWx">
  17. <img src="img/wechat.png" alt="微信logo" /> 微信公众号
  18. <div class="topbarWx-box">
  19. <i class="topbarWx-code"></i>
  20. <span>微信扫码,关注我们</span>
  21. </div>
  22. </a>
  23. </li>
  24. <li>
  25. <span class="text-muted">|</span>
  26. </li>
  27. <li>
  28. <a href="javascript:;" class="topbarClient">
  29. <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
  30. <div class="topbarClient-box">
  31. <input id="elevator-app-url0" type="text" value="" style="display: none;" />
  32. <div id="elevator-app-qrcode0"></div>
  33. <span class="">扫码下载,使用客户端</span>
  34. </div>
  35. </a>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. <section>
  41. <div class="ban_title">
  42. <img src="img/banner.png" alt="图片" />
  43. </div>
  44. </section>
  45. <!--导航-->
  46. <div class="navcon shadow">
  47. <div class="navcon_box clearfix">
  48. <ul class="nav ">
  49. <!--<div class="fl ban-border"></div>-->
  50. <li>
  51. <a href="index.html" target="_self" class="clearfix">
  52. <div class="fl ban-img">
  53. <img src="img/a1.png" alt="" />
  54. </div>
  55. <div class=" Baner-pos">
  56. <p>网站首页</p>
  57. </div>
  58. </a>
  59. </li>
  60. <!--<div class="fl ban-border"></div>-->
  61. <li>
  62. <a href="zhengce.html" target="_self">
  63. <div class="fl ban-img">
  64. <img src="img/a2.png" alt="" />
  65. </div>
  66. <div class=" Baner-pos">
  67. <p>政策要闻</p>
  68. </div>
  69. </a>
  70. </li>
  71. <!--<div class="fl ban-border"></div>-->
  72. <li>
  73. <a href="dongtai.html" target="_self">
  74. <div class="fl ban-img">
  75. <img src="img/a3.png" alt="" />
  76. </div>
  77. <div class=" Baner-pos">
  78. <p>工作动态</p>
  79. </div>
  80. </a>
  81. </li>
  82. <!--<div class="fl ban-border"></div>-->
  83. <li>
  84. <a href="baoguang.html" target="_self">
  85. <div class="fl ban-img">
  86. <img src="img/a4.png" alt="" />
  87. </div>
  88. <div class=" Baner-pos">
  89. <p>便民信息</p>
  90. </div>
  91. </a>
  92. </li>
  93. <!--<div class="fl ban-border"></div>-->
  94. <li>
  95. <a href="tousu.html" target="_self">
  96. <div class="fl ban-img">
  97. <img src="img/a5.png" alt="" />
  98. </div>
  99. <div class=" Baner-pos">
  100. <p>网上受理</p>
  101. </div>
  102. </a>
  103. </li>
  104. <!--<div class="fl ban-border"></div>-->
  105. <li>
  106. <a href="shouli.html" target="_self">
  107. <div class="fl ban-img">
  108. <img src="img/a6.png" alt="" />
  109. </div>
  110. <div class=" Baner-pos">
  111. <p>网上查询</p>
  112. </div>
  113. </a>
  114. </li>
  115. <!--<div class="fl ban-border"></div>-->
  116. </ul>
  117. </div>
  118. </div>
  119. <script >
  120. getClient(); //获取客户端地址并转成二维码
  121. //获取客户端地址并转成二维码
  122. function getClient() {
  123. var curentHost = window.location.protocol + '//' + window.location.host;
  124. var clientURL = curentHost + '/download.html?n=' + Math.random();
  125. if(clientURL) {
  126. $('#elevator-app-url0').val(clientURL);
  127. //$('#elevator-app-url').val(clientURL);
  128. getQrcode('elevator-app-qrcode0', 'elevator-app-url0');
  129. //getQrcode('elevator-app-qrcode', 'elevator-app-url');
  130. function getQrcode(ele1, ele2) {
  131. var qrcode = new QRCode(document.getElementById(ele1), {
  132. width: 108,
  133. height: 108
  134. });
  135. var elText = document.getElementById(ele2);
  136. console.log(elText)
  137. qrcode.makeCode(elText.value);
  138. }
  139. }
  140. }
  141. var urlText= window.location.pathname;
  142. var strs = urlText.split('/');
  143. var urlfile = strs[strs.length-1];
  144. if(urlfile=='dongtai-con.html'){
  145. urlfile='dongtai.html'
  146. }
  147. if(urlfile=='gonggao-con.html'){
  148. urlfile='gonggao.html'
  149. }
  150. if(urlfile=='zhengce-con.html'){
  151. urlfile='zhengce.html'
  152. }
  153. if(urlfile=='minqing-con.html'){
  154. urlfile='PeopleNews.html'
  155. }
  156. $('.navcon_box ul li').each(function(i,n){
  157. if($(n).find('a').attr('href')==urlfile){
  158. $(n).addClass('actives').siblings().removeClass('actives')
  159. }
  160. })
  161. </script>