header.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script>
  6. window.onload=function(){
  7. var u = navigator.userAgent,
  8. dpr = window.devicePixelRatio || 1;
  9. if (u && u != "") {
  10. var mobile = !!u.match(/AppleWebKit.*Mobile.*/); //是否为移动终端
  11. if(mobile){
  12. if(dpr==2){
  13. document.documentElement.style.fontSize="100%";
  14. }else if(dpr==1.5){
  15. document.documentElement.style.fontSize="100%";
  16. }else if(dpr==3){
  17. document.documentElement.style.fontSize="130%";
  18. }
  19. document.documentElement.setAttribute('mobile','1');
  20. }
  21. }
  22. document.documentElement.setAttribute('dpr',dpr);
  23. //alert(dpr)
  24. //console.log(window.location.pathname);
  25. var pathName = top.window.location.pathname;
  26. if(pathName.indexOf("about")>0){
  27. document.getElementById('about').className='active';
  28. }else if(pathName.indexOf("flow")>0){
  29. document.getElementById('flow').className='active';
  30. }else if(pathName.indexOf("faq")>0){
  31. document.getElementById('faq').className='active';
  32. }
  33. }
  34. </script>
  35. <style>
  36. html {
  37. font-family: "Microsoft Yahei", arial, helvetica, sans-serif;
  38. -webkit-text-size-adjust: none;
  39. word-break : break-word;
  40. }
  41. [mobile="1"] html {
  42. font-size: 62.5%;
  43. }
  44. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input {
  45. margin: 0;
  46. padding: 0;
  47. outline: 0;
  48. }
  49. img {
  50. border: none;
  51. }
  52. body {
  53. background-color: #f2f2f2;
  54. height: 100%;
  55. min-width: 1200px;
  56. }
  57. .fr {
  58. float: right;
  59. }
  60. .clear {
  61. clear: both;
  62. }
  63. .header {
  64. height: 92px;
  65. width: 100%;
  66. min-width: 1200px;
  67. border-top: #0285f0 4px solid;
  68. background-color: #ffffff;
  69. }
  70. .header .center {
  71. width: 1180px;
  72. height: 100%;
  73. margin: 0 auto;
  74. position: relative;
  75. padding: 0 10px;
  76. }
  77. .logo {
  78. width: 387px;
  79. height: 42px;
  80. margin: 23px 0 23px 10px;
  81. cursor: pointer;
  82. }
  83. .header .menu {
  84. height: 92px;
  85. }
  86. .header a {
  87. display: inline-block;
  88. }
  89. .header ul {
  90. display: inline-block;
  91. margin-right: 20px;
  92. font-size: 16px;
  93. height: 92px;
  94. }
  95. [mobile="1"] .header ul {
  96. font-size: 1.6rem;
  97. }
  98. .header ul a {
  99. display: inline-block;
  100. float: left;
  101. padding: 0 30px;
  102. height: 100%;
  103. line-height: 92px;
  104. overflow: hidden;
  105. color: #666666;
  106. font-size: 16px;
  107. text-decoration: none;
  108. }
  109. [mobile="1"] .header ul a {
  110. padding: 0 3.0rem;
  111. font-size: 1.6rem;
  112. }
  113. .header ul .active {
  114. background-color: #f2f2f2;
  115. color: #666666;
  116. font-weight: bold;
  117. }
  118. [dpr="3"] .header ul a, [dpr="1.5"] .header ul a {
  119. padding: 0 1rem
  120. }
  121. </style>
  122. </head>
  123. <body leftmargin="0" topmargin="0">
  124. <div class="header">
  125. <div class="center"> <a href="../index.html" target="_parent"><img class="logo" src="../images/logo.png" /></a>
  126. <div class="menu fr">
  127. <ul>
  128. <a href="../about.html" id="about" target="_parent">关于WiFi万能钥匙</a> <a href="../flow.html" id="flow" target="_parent">招聘流程</a> <a href="../faq.html" id="faq" target="_parent">常见问题FAQ</a>
  129. <!--a href="./news.html" id="news" target="_parent">招聘动态</a-->
  130. </ul>
  131. </div>
  132. <div class="clear"></div>
  133. </div>
  134. </div>
  135. </body>
  136. </html>