header.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>大卫博士官网</title>
  7. <link rel="shortcut icon" href="/selectstatic/favicon.ico">
  8. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
  9. <link rel="stylesheet" href="/selectstatic/css/css/base.css">
  10. <link rel="stylesheet" href="/selectstatic/css/css/common.css">
  11. <link rel="stylesheet" href="/selectstatic/css/css/style.css">
  12. <style>
  13. html, body {
  14. margin: 0;
  15. width: 100%;
  16. height: 100%;
  17. }
  18. body {
  19. display: flex;
  20. justify-content: space-between;
  21. flex-direction: column;
  22. overflow: hidden;
  23. }
  24. .iframe {
  25. width: 90%;
  26. margin:0 auto;
  27. flex: 1;
  28. overflow: hidden;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div class="headbj">
  34. <div class="headbj_mid">
  35. <div class="logo" style="padding-top:10px;">
  36. <a href="http://daweiboshi.com/" title="大卫博士有限公司">
  37. <img src="/selectstatic/favicon.ico" alt="大卫博士有限公司" width="70" height="70">
  38. </a>
  39. </div>
  40. <!--导航开始-->
  41. <div class="menu">
  42. <div class="glable_nav">
  43. <div id="nav-menu">
  44. <div class="container">
  45. <div class="outerbox">
  46. <div class="innerbox clearfixmenu">
  47. <div class="menu">
  48. <div class="glable_nav">
  49. <div id="nav-menu">
  50. <div class="container">
  51. <div class="outerbox">
  52. <div class="innerbox clearfixmenu">
  53. <ul class="menu">
  54. <li class="stmenu">
  55. <div class="nav01"><a href="http://daweiboshi.com/" class="xialaguang"><span>首页
  56. </span></a></div>
  57. </li>
  58. <li class="stmenu">
  59. <div class="nav01"><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=1"
  60. class="xialaguang"><span> 关于我们 </span></a></div>
  61. <ul class="children clearfixmenu pngFix" style="display: none;">
  62. <li><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=46"><span>企业文化</span></a></li>
  63. </ul>
  64. </li>
  65. <li class="stmenu">
  66. <div class="nav01"><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=35"
  67. class="xialaguang"><span> 产品展示 </span></a></div>
  68. <ul class="children clearfixmenu pngFix" style="display: none;">
  69. <li><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=39"><span>精装版</span></a></li>
  70. <li><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=40"><span>简约版</span></a></li>
  71. <li><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=41"><span>老人版</span></a></li>
  72. <li><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=42"><span>纯棉老人版</span></a>
  73. </li>
  74. </ul>
  75. </li>
  76. <li class="stmenu">
  77. <div class="nav01"><a href="http://daweiboshi.com/?m=home&amp;c=Lists&amp;a=index&amp;tid=2"
  78. class="xialaguang"><span> 最新动态 </span></a></div>
  79. </li>
  80. <li class="stmenu">
  81. <div class="nav01"><a href="https://api.app.jiuweiyun.cn/api/select"
  82. class="xialaguang on"><span> 授权查询 </span></a></div>
  83. </li>
  84. <li class="stmenu">
  85. <div class="nav01"><a href="http://daweiboshi.com//?m=home&amp;c=Lists&amp;a=index&amp;tid=37"
  86. class="xialaguang"><span> 联系我们 </span></a></div>
  87. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <script type="text/javascript">
  96. $('#nav-menu .menu > li').hover(function () {
  97. $(this).find('.children').animate({ opacity: 'show', height: 'show' }, 200);
  98. $(this).find('.xialaguang').addClass('navhover');
  99. }, function () {
  100. $('.children').stop(true, true).hide();
  101. $('.xialaguang').removeClass('navhover');
  102. }
  103. ).slice(-1, -3).find('.children').addClass('sleft');
  104. </script>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <!--导航结束-->
  112. </div>
  113. </div>
  114. <iframe src="/selectstatic/index.html" frameborder="0" class="iframe"></iframe>
  115. </body>
  116. </html>