商丘12345 前端

ComHeader.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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">
  87. <div class="navcon_box clearfix">
  88. <ul class="nav nav-justified" id="navcon_box">
  89. <li>
  90. <a href="index.html" target="_self">网站首页</a>
  91. </li>
  92. <li>
  93. <a href="dongtai.html" target="_self">工作动态</a>
  94. </li>
  95. <li>
  96. <a href="gonggao.html" target="_self">通知通告</a>
  97. </li>
  98. <li>
  99. <a href="tousu.html" target="_self">网上受理</a>
  100. </li>
  101. <li>
  102. <a href="shouli.html" target="_self">网上查询</a>
  103. </li>
  104. <li>
  105. <a href="zhengce.html" target="_self">政策法规</a>
  106. </li>
  107. <li>
  108. <a href="PeopleNews.html" target="_self">民情速递</a>
  109. </li>
  110. </ul>
  111. </div>
  112. </div>
  113. <script>
  114. getClient();
  115. //获取客户端地址并转成二维码
  116. function getClient() {
  117. var curentHost = window.location.protocol + '//' + window.location.host;
  118. var clientURL = curentHost + '/download.html?n=' + Math.random();
  119. var qrcode = new QRCode(document.getElementById('elevator-app-qrcode0'), {
  120. width: 108,
  121. height: 108
  122. });
  123. qrcode.makeCode(clientURL);
  124. }
  125. </script>