header.html 5.5 KB

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