xhkjedu
/
xh_web
보기 6
좋아요 0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 Activity
소스 검색

header不在load

gzb
wangzhonglu 1 년 전
부모
941b248a1c
커밋
729a07ebe3
16개의 변경된 파일과 439개의 추가작업 그리고 21개의 파일을 삭제
분할 보기 변경상태 보기
  1. 110
    0
      css/header.css
  2. 38
    1
      index.html
  3. 2
    2
      js/about.js
  4. 49
    0
      js/header.js
  5. 2
    2
      js/index.js
  6. 2
    2
      js/news.js
  7. 2
    2
      js/news_detail.js
  8. 2
    2
      js/product.js
  9. 2
    2
      js/service.js
  10. 2
    2
      js/trial.js
  11. 38
    1
      sections/about.html
  12. 38
    1
      sections/news.html
  13. 38
    1
      sections/news_detail.html
  14. 38
    1
      sections/product.html
  15. 38
    1
      sections/service.html
  16. 38
    1
      sections/trial.html

+ 110
- 0
css/header.css 파일 보기 

@@ -0,0 +1,110 @@
1 
+.header_box {
2 
+  position: relative;
3 
+  margin: 0 auto;
4 
+  width: 13rem;
5 
+  height: 0.8rem;
6 
+  font-size: 0.14rem;
7 
+}
8 
+.header_box .header_left {
9 
+  float: left;
10 
+  cursor: pointer;
11 
+}
12 
+.header_box .header_left > img {
13 
+  display: inline-block;
14 
+  margin-top: 0.24rem;
15 
+  margin-right: 0.08rem;
16 
+  height: 0.32rem;
17 
+}
18 
+.header_box .header_left .left_white {
19 
+  display: inline-block;
20 
+}
21 
+.header_box .header_left .left_gray {
22 
+  display: none;
23 
+}
24 
+.header_box .header_right {
25 
+  float: right;
26 
+}
27 
+.header_box .header_right > .header_nav_item {
28 
+  position: relative;
29 
+  float: left;
30 
+  margin-left: 0.55rem;
31 
+  height: 0.8rem;
32 
+  line-height: 0.8rem;
33 
+  cursor: pointer;
34 
+}
35 
+.header_box .header_right > .header_nav_lang {
36 
+  position: relative;
37 
+  float: left;
38 
+  margin-left: 0.55rem;
39 
+  height: 0.8rem;
40 
+  line-height: 0.8rem;
41 
+  cursor: pointer;
42 
+}
43 
+.header_box .header_right > .header_nav_item > div::after {
44 
+  content: "";
45 
+  width: 0;
46 
+  position: absolute;
47 
+  background: #2d8cf0;
48 
+  height: 0.04rem;
49 
+  bottom: 0;
50 
+  left: 50%;
51 
+  transform: translateX(-50%);
52 
+  -webkit-transform: translateX(-50%);
53 
+  transition: all 0.3s ease-out;
54 
+  -webkit-transition: all 0.3s ease-out;
55 
+}
56 
+.header_box .header_right > .header_nav_item:hover > div::after,
57 
+.header_box .header_right > .header_nav_item.selected > div::after {
58 
+  width: 100%;
59 
+}
60 
+.header_box .header_right > .header_nav_lang .nav_language_en {
61 
+  background-color: #2d8cf0;
62 
+  position: absolute;
63 
+  top: 0.6rem;
64 
+  left: 50%;
65 
+  transform: translateX(-50%) translateY(50%);
66 
+  -webkit-transform: translateX(-50%) translateY(50%);
67 
+  padding: 0.06rem 0;
68 
+  -webkit-transition: all 0.2s ease-in-out;
69 
+  transition: all 0.2s ease-in-out;
70 
+  visibility: hidden;
71 
+  opacity: 0;
72 
+  z-index: 100;
73 
+  text-align: center;
74 
+  font-size: 0.14rem;
75 
+  line-height: 0.4rem;
76 
+  color: #fff;
77 
+  border-radius: 0.08rem;
78 
+}
79 
+.header_box .header_right > .header_nav_lang:hover .nav_language_en {
80 
+  display: block;
81 
+  visibility: visible;
82 
+  transform: translateX(-50%) translateY(0%);
83 
+  -webkit-transform: translateX(-50%) translateY(0%);
84 
+  opacity: 1;
85 
+}
86 
+.header_box
87 
+  .header_right
88 
+  > .header_nav_lang:hover
89 
+  .nav_language_en::after {
90 
+  border-left: 0.07rem solid transparent;
91 
+  border-right: 0.07rem solid transparent;
92 
+  border-top: 0.09660254rem solid #2d8cf0;
93 
+  width: 0;
94 
+  height: 0;
95 
+  content: "";
96 
+  position: absolute;
97 
+  top: -0.08rem;
98 
+  left: 50%;
99 
+  transform: translateX(-50%) rotate(180deg);
100 
+  -webkit-transform: translateX(-50%) rotate(180deg);
101 
+}
102 
+.header_box .header_right > .header_nav_lang:hover .nav_language_en a {
103 
+  color: #fff;
104 
+  display: block;
105 
+  padding: 0;
106 
+  margin: 0 0.12rem;
107 
+  transition: all 0.3s ease-out;
108 
+  -webkit-transition: all 0.3s ease-out;
109 
+  text-decoration: none;
110 
+}

+ 38
- 1
index.html 파일 보기 

@@ -9,11 +9,47 @@
9 9 
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
10 10 
     <link rel="stylesheet" href="./librarys/swiper@3.4.2/swiper.min.css" />
11 11 
     <link rel="stylesheet" href="./css/comm.css" />
12 
+    <link rel="stylesheet" href="../css/header.css">
12 13 
     <link rel="stylesheet" href="./css/index.css" />
13 14 
     <script src="./utils/rem.js"></script>
14 15 
   </head>
15 16 
   <body>
16 
-    <div class="header_root"></div>
17 
+    <div class="header_root">
18 
+      <div class="header_box">
19 
+        <div class="header_left">
20 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
21 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
22 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
23 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
24 
+        </div>
25 
+        <div class="header_right">
26 
+          <div data-nav="1" class="header_nav_item nav_1">
27 
+            <div>产品中心</div>
28 
+          </div>
29 
+          <div data-nav="2" class="header_nav_item nav_2">
30 
+            <div>服务案例</div>
31 
+          </div>
32 
+          <div data-nav="3" class="header_nav_item nav_3">
33 
+            <div>关于我们</div>
34 
+          </div>
35 
+          <div data-nav="4" class="header_nav_item nav_4">
36 
+            <div>申请试用</div>
37 
+          </div>
38 
+          <div data-nav="5" class="header_nav_item nav_5">
39 
+            <div>新闻资讯</div>
40 
+          </div>
41 
+          <div class="header_nav_lang">
42 
+            <div>中文 | English</div>
43 
+          </div>
44 
+          <!-- <div class="header_nav_lang">
45 
+            中文
46 
+            <div class="nav_language_en">
47 
+              <a href="#" target="_blank">English</a>
48 
+            </div>
49 
+          </div> -->
50 
+        </div>
51 
+      </div>
52 
+    </div>
17 53 
     <div class="home_swiper_container swiper-container">
18 54 
       <div class="swiper-wrapper">
19 55 
         <div class="swiper-slide">

@@ -175,6 +211,7 @@
175 211 
     <div class="footer_root"></div>
176 212 
     <script src="./librarys/jquery@1.12.4/jquery.min.js"></script>
177 213 
     <script src="./librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
214 
+    <script src="../js/header.js"></script>
178 215 
     <script src="./js/index.js"></script>
179 216 
   </body>
180 217 
 </html>

+ 2
- 2
js/about.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./comm/header.html");
2 
+  // $(".header_root").load("./comm/header.html");
3 3 
   $(".footer_root").load("./comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", 3);
5 
+  // $(".header_root").data("nav_info", 3);
6 6 
   var datalist = [
7 7 
     { time: 2023 },
8 8 
     { time: 2022 },

+ 49
- 0
js/header.js 파일 보기 

@@ -0,0 +1,49 @@
1 
+$(function() {
2 
+  $(".header_box .header_left").click(function () {
3 
+    if (window.location.pathname !== "/index.html") {
4 
+      window.location.href = "/index.html";
5 
+    }
6 
+  });
7 
+  let nav_info = $(".header_root").data("nav_info");
8 
+  $(".header_box > .header_right > .header_nav_item").removeClass("selected");
9 
+  if (nav_info) {
10 
+    $(".header_box > .header_right > .header_nav_item.nav_" + nav_info).addClass("selected");
11 
+  }
12 
+  $(".header_box > .header_right").on("click", ".header_nav_item", function (ev) {
13 
+    $(".header_box > .header_right > .header_nav_item").removeClass("selected");
14 
+    let nav_num = $(this).data("nav");
15 
+    $(".header_box > .header_right > .header_nav_item.nav_" + nav_num).addClass("selected");
16 
+    if (nav_num === 1) {
17 
+      if (window.location.pathname !== "/sections/product.html") {
18 
+        window.location.href = "/sections/product.html";
19 
+      }
20 
+    } else if (nav_num === 2) {
21 
+      if (window.location.pathname !== "/sections/service.html") {
22 
+        window.location.href = "/sections/service.html";
23 
+      }
24 
+    } else if (nav_num === 3) {
25 
+      if (window.location.pathname !== "/sections/about.html") {
26 
+        window.location.href = "/sections/about.html";
27 
+      }
28 
+    } else if (nav_num === 4) {
29 
+      if (window.location.pathname !== "/sections/trial.html") {
30 
+        window.location.href = "/sections/trial.html";
31 
+      }
32 
+    } else if (nav_num === 5) {
33 
+      if (window.location.pathname !== "/sections/news.html") {
34 
+        window.location.href = "/sections/news.html";
35 
+      }
36 
+    }
37 
+  });
38 
+  let _pathname = window.location.pathname;
39 
+  if (_pathname === "/index.html" || _pathname === "/") {
40 
+    $(window).on("scroll", function() {
41 
+      let top = $(window).scrollTop();
42 
+      if(top > 100){
43 
+        $(".header_root").addClass("bg_white");
44 
+      } else {
45 
+        $(".header_root").removeClass("bg_white");
46 
+      }
47 
+    });
48 
+  }
49 
+});

+ 2
- 2
js/index.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./sections/comm/header.html");
2 
+  // $(".header_root").load("./sections/comm/header.html");
3 3 
   $(".footer_root").load("./sections/comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", null);
5 
+  // $(".header_root").data("nav_info", null);
6 6 
   $(".scheme_left_btn").click(function () {
7 7 
     window.location.href = "/sections/product.html";
8 8 
   });

+ 2
- 2
js/news.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./comm/header.html");
2 
+  // $(".header_root").load("./comm/header.html");
3 3 
   $(".footer_root").load("./comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", 5);
5 
+  // $(".header_root").data("nav_info", 5);
6 6 
   // 新闻资讯搜索信息
7 7 
   let newsInfo = {
8 8 
     page: Number($.getQueryVariable("page") || 1),

+ 2
- 2
js/news_detail.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./comm/header.html");
2 
+  // $(".header_root").load("./comm/header.html");
3 3 
   $(".footer_root").load("./comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", 5);
5 
+  // $(".header_root").data("nav_info", 5);
6 6 
   // 请求新闻详情
7 7 
   function getNewsDetail() {
8 8 
     let _url = $.baseUrl + "n/detail";

+ 2
- 2
js/product.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./comm/header.html");
2 
+  // $(".header_root").load("./comm/header.html");
3 3 
   $(".footer_root").load("./comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", 1);
5 
+  // $(".header_root").data("nav_info", 1);
6 6 
   //获取元素
7 7 
   var divheight = $(".exam_one").height();
8 8 
   var container = $(".exam_container");

+ 2
- 2
js/service.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./comm/header.html");
2 
+  // $(".header_root").load("./comm/header.html");
3 3 
   $(".footer_root").load("./comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", 2);
5 
+  // $(".header_root").data("nav_info", 2);
6 6 
   // 6.5.1 中文列表 学校图标
7 7 
   var school_logo = [],
8 8 
     html_logo = "",

+ 2
- 2
js/trial.js 파일 보기 

@@ -1,8 +1,8 @@
1 1 
 $(function () {
2 
-  $(".header_root").load("./comm/header.html");
2 
+  // $(".header_root").load("./comm/header.html");
3 3 
   $(".footer_root").load("./comm/footer.html");
4 4 
   // nav传值显示下划线
5 
-  $(".header_root").data("nav_info", 4);
5 
+  // $(".header_root").data("nav_info", 4);
6 6 
   $(".err_account").hide();
7 7 
   $(".err_phone").hide();
8 8 
   $(".err_mailbox").hide();

+ 38
- 1
sections/about.html 파일 보기 

@@ -7,12 +7,48 @@
7 7 
     <meta http-equiv="Cache-Control" content="max-age=7200" />
8 8 
     <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
9 9 
     <link rel="stylesheet" href="../css/comm.css" />
10 
+    <link rel="stylesheet" href="../css/header.css">
10 11 
     <link rel="stylesheet" href="../css/about.css" />
11 12 
     <script src="../utils/rem.js"></script>
12 13 
     <title>关于我们</title>
13 14 
   </head>
14 15 
   <body>
15 
-    <div class="header_root bg_white"></div>
16 
+    <div class="header_root bg_white" data-nav_info="3">
17 
+      <div class="header_box">
18 
+        <div class="header_left">
19 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
20 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
21 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
22 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
23 
+        </div>
24 
+        <div class="header_right">
25 
+          <div data-nav="1" class="header_nav_item nav_1">
26 
+            <div>产品中心</div>
27 
+          </div>
28 
+          <div data-nav="2" class="header_nav_item nav_2">
29 
+            <div>服务案例</div>
30 
+          </div>
31 
+          <div data-nav="3" class="header_nav_item nav_3">
32 
+            <div>关于我们</div>
33 
+          </div>
34 
+          <div data-nav="4" class="header_nav_item nav_4">
35 
+            <div>申请试用</div>
36 
+          </div>
37 
+          <div data-nav="5" class="header_nav_item nav_5">
38 
+            <div>新闻资讯</div>
39 
+          </div>
40 
+          <div class="header_nav_lang">
41 
+            <div>中文 | English</div>
42 
+          </div>
43 
+          <!-- <div class="header_nav_lang">
44 
+            中文
45 
+            <div class="nav_language_en">
46 
+              <a href="#" target="_blank">English</a>
47 
+            </div>
48 
+          </div> -->
49 
+        </div>
50 
+      </div>
51 
+    </div>
16 52 
     <div class="ab_header">
17 53 
       <img src="../img/about/banner.png" />
18 54 
       <div class="header_info">

@@ -186,5 +222,6 @@
186 222 
   <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
187 223 
   <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
188 224 
   <script src="../utils/index.js"></script>
225 
+  <script src="../js/header.js"></script>
189 226 
   <script src="../js/about.js"></script>
190 227 
 </html>

+ 38
- 1
sections/news.html 파일 보기 

@@ -9,11 +9,47 @@
9 9 
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
10 10 
     <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
11 11 
     <link rel="stylesheet" href="../css/comm.css" />
12 
+    <link rel="stylesheet" href="../css/header.css">
12 13 
     <link rel="stylesheet" href="../css/news.css" />
13 14 
     <script src="../utils/rem.js"></script>
14 15 
   </head>
15 16 
   <body>
16 
-    <div class="header_root bg_white"></div>
17 
+    <div class="header_root bg_white" data-nav_info="5">
18 
+      <div class="header_box">
19 
+        <div class="header_left">
20 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
21 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
22 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
23 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
24 
+        </div>
25 
+        <div class="header_right">
26 
+          <div data-nav="1" class="header_nav_item nav_1">
27 
+            <div>产品中心</div>
28 
+          </div>
29 
+          <div data-nav="2" class="header_nav_item nav_2">
30 
+            <div>服务案例</div>
31 
+          </div>
32 
+          <div data-nav="3" class="header_nav_item nav_3">
33 
+            <div>关于我们</div>
34 
+          </div>
35 
+          <div data-nav="4" class="header_nav_item nav_4">
36 
+            <div>申请试用</div>
37 
+          </div>
38 
+          <div data-nav="5" class="header_nav_item nav_5">
39 
+            <div>新闻资讯</div>
40 
+          </div>
41 
+          <div class="header_nav_lang">
42 
+            <div>中文 | English</div>
43 
+          </div>
44 
+          <!-- <div class="header_nav_lang">
45 
+            中文
46 
+            <div class="nav_language_en">
47 
+              <a href="#" target="_blank">English</a>
48 
+            </div>
49 
+          </div> -->
50 
+        </div>
51 
+      </div>
52 
+    </div>
17 53 
     <div class="news_banner">
18 54 
       <img src="../img/news/news_banner.png" />
19 55 
       <div class="news_header_info">

@@ -59,6 +95,7 @@
59 95 
     <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
60 96 
     <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
61 97 
     <script src="../utils/index.js"></script>
98 
+    <script src="../js/header.js"></script>
62 99 
     <script src="../js/news.js"></script>
63 100 
   </body>
64 101 
 </html>

+ 38
- 1
sections/news_detail.html 파일 보기 

@@ -9,11 +9,47 @@
9 9 
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
10 10 
     <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
11 11 
     <link rel="stylesheet" href="../css/comm.css" />
12 
+    <link rel="stylesheet" href="../css/header.css">
12 13 
     <link rel="stylesheet" href="../css/news.css" />
13 14 
     <script src="../utils/rem.js"></script>
14 15 
   </head>
15 16 
   <body>
16 
-    <div class="header_root bg_white"></div>
17 
+    <div class="header_root bg_white" data-nav_info="5">
18 
+      <div class="header_box">
19 
+        <div class="header_left">
20 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
21 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
22 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
23 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
24 
+        </div>
25 
+        <div class="header_right">
26 
+          <div data-nav="1" class="header_nav_item nav_1">
27 
+            <div>产品中心</div>
28 
+          </div>
29 
+          <div data-nav="2" class="header_nav_item nav_2">
30 
+            <div>服务案例</div>
31 
+          </div>
32 
+          <div data-nav="3" class="header_nav_item nav_3">
33 
+            <div>关于我们</div>
34 
+          </div>
35 
+          <div data-nav="4" class="header_nav_item nav_4">
36 
+            <div>申请试用</div>
37 
+          </div>
38 
+          <div data-nav="5" class="header_nav_item nav_5">
39 
+            <div>新闻资讯</div>
40 
+          </div>
41 
+          <div class="header_nav_lang">
42 
+            <div>中文 | English</div>
43 
+          </div>
44 
+          <!-- <div class="header_nav_lang">
45 
+            中文
46 
+            <div class="nav_language_en">
47 
+              <a href="#" target="_blank">English</a>
48 
+            </div>
49 
+          </div> -->
50 
+        </div>
51 
+      </div>
52 
+    </div>
17 53 
     <div class="news_banner">
18 54 
       <img src="../img/news/news_banner.png" />
19 55 
       <div class="news_header_info">

@@ -34,6 +70,7 @@
34 70 
     <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
35 71 
     <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
36 72 
     <script src="../utils/index.js"></script>
73 
+    <script src="../js/header.js"></script>
37 74 
     <script src="../js/news_detail.js"></script>
38 75 
   </body>
39 76 
 </html>

+ 38
- 1
sections/product.html 파일 보기 

@@ -7,12 +7,48 @@
7 7 
     <meta http-equiv="Cache-Control" content="max-age=7200" />
8 8 
     <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
9 9 
     <link rel="stylesheet" href="../css/comm.css" />
10 
+    <link rel="stylesheet" href="../css/header.css">
10 11 
     <link rel="stylesheet" href="../css/product.css" />
11 12 
     <script src="../utils/rem.js"></script>
12 13 
     <title>产品中心</title>
13 14 
   </head>
14 15 
   <body>
15 
-    <div class="header_root bg_white"></div>
16 
+    <div class="header_root bg_white" data-nav_info="1">
17 
+      <div class="header_box">
18 
+        <div class="header_left">
19 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
20 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
21 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
22 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
23 
+        </div>
24 
+        <div class="header_right">
25 
+          <div data-nav="1" class="header_nav_item nav_1">
26 
+            <div>产品中心</div>
27 
+          </div>
28 
+          <div data-nav="2" class="header_nav_item nav_2">
29 
+            <div>服务案例</div>
30 
+          </div>
31 
+          <div data-nav="3" class="header_nav_item nav_3">
32 
+            <div>关于我们</div>
33 
+          </div>
34 
+          <div data-nav="4" class="header_nav_item nav_4">
35 
+            <div>申请试用</div>
36 
+          </div>
37 
+          <div data-nav="5" class="header_nav_item nav_5">
38 
+            <div>新闻资讯</div>
39 
+          </div>
40 
+          <div class="header_nav_lang">
41 
+            <div>中文 | English</div>
42 
+          </div>
43 
+          <!-- <div class="header_nav_lang">
44 
+            中文
45 
+            <div class="nav_language_en">
46 
+              <a href="#" target="_blank">English</a>
47 
+            </div>
48 
+          </div> -->
49 
+        </div>
50 
+      </div>
51 
+    </div>
16 52 
     <div class="pro_header">
17 53 
       <img src="../img/product/banner.png" />
18 54 
       <div class="header_info">

@@ -385,5 +421,6 @@
385 421 
   </body>
386 422 
   <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
387 423 
   <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
424 
+  <script src="../js/header.js"></script>
388 425 
   <script src="../js/product.js"></script>
389 426 
 </html>

+ 38
- 1
sections/service.html 파일 보기 

@@ -7,6 +7,7 @@
7 7 
     <meta http-equiv="Cache-Control" content="max-age=7200" />
8 8 
     <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
9 9 
     <link rel="stylesheet" href="../css/comm.css" />
10 
+    <link rel="stylesheet" href="../css/header.css">
10 11 
     <link rel="stylesheet" href="../css/service.css" />
11 12 
     <script src="../utils/rem.js"></script>
12 13 
     <title>服务案例</title>

@@ -17,7 +18,42 @@
17 18 
     </style>
18 19 
   </head>
19 20 
   <body>
20 
-    <div class="header_root bg_white"></div>
21 
+    <div class="header_root bg_white" data-nav_info="2">
22 
+      <div class="header_box">
23 
+        <div class="header_left">
24 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
25 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
26 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
27 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
28 
+        </div>
29 
+        <div class="header_right">
30 
+          <div data-nav="1" class="header_nav_item nav_1">
31 
+            <div>产品中心</div>
32 
+          </div>
33 
+          <div data-nav="2" class="header_nav_item nav_2">
34 
+            <div>服务案例</div>
35 
+          </div>
36 
+          <div data-nav="3" class="header_nav_item nav_3">
37 
+            <div>关于我们</div>
38 
+          </div>
39 
+          <div data-nav="4" class="header_nav_item nav_4">
40 
+            <div>申请试用</div>
41 
+          </div>
42 
+          <div data-nav="5" class="header_nav_item nav_5">
43 
+            <div>新闻资讯</div>
44 
+          </div>
45 
+          <div class="header_nav_lang">
46 
+            <div>中文 | English</div>
47 
+          </div>
48 
+          <!-- <div class="header_nav_lang">
49 
+            中文
50 
+            <div class="nav_language_en">
51 
+              <a href="#" target="_blank">English</a>
52 
+            </div>
53 
+          </div> -->
54 
+        </div>
55 
+      </div>
56 
+    </div>
21 57 
     <div class="ser_header">
22 58 
       <img src="../img/about/service.png" />
23 59 
       <div class="header_info">

@@ -51,5 +87,6 @@
51 87 
   <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
52 88 
   <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
53 89 
   <script src="../utils/index.js"></script>
90 
+  <script src="../js/header.js"></script>
54 91 
   <script src="../js/service.js"></script>
55 92 
 </html>

+ 38
- 1
sections/trial.html 파일 보기 

@@ -6,12 +6,48 @@
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 7 
     <meta http-equiv="Cache-Control" content="max-age=7200" />
8 8 
     <link rel="stylesheet" href="../css/comm.css" />
9 
+    <link rel="stylesheet" href="../css/header.css">
9 10 
     <link rel="stylesheet" href="../css/trial.css" />
10 11 
     <script src="../utils/rem.js"></script>
11 12 
     <title>申请试用</title>
12 13 
   </head>
13 14 
   <body>
14 
-    <div class="header_root bg_white"></div>
15 
+    <div class="header_root bg_white" data-nav_info="4">
16 
+      <div class="header_box">
17 
+        <div class="header_left">
18 
+          <img class="left_white" src="../img/logo_info/header_logo.png" />
19 
+          <img class="left_white" src="../img/logo_info/header_title.png" />
20 
+          <img class="left_gray" src="../img/logo_info/header_logo1.png" />
21 
+          <img class="left_gray" src="../img/logo_info/header_title1.png" />
22 
+        </div>
23 
+        <div class="header_right">
24 
+          <div data-nav="1" class="header_nav_item nav_1">
25 
+            <div>产品中心</div>
26 
+          </div>
27 
+          <div data-nav="2" class="header_nav_item nav_2">
28 
+            <div>服务案例</div>
29 
+          </div>
30 
+          <div data-nav="3" class="header_nav_item nav_3">
31 
+            <div>关于我们</div>
32 
+          </div>
33 
+          <div data-nav="4" class="header_nav_item nav_4">
34 
+            <div>申请试用</div>
35 
+          </div>
36 
+          <div data-nav="5" class="header_nav_item nav_5">
37 
+            <div>新闻资讯</div>
38 
+          </div>
39 
+          <div class="header_nav_lang">
40 
+            <div>中文 | English</div>
41 
+          </div>
42 
+          <!-- <div class="header_nav_lang">
43 
+            中文
44 
+            <div class="nav_language_en">
45 
+              <a href="#" target="_blank">English</a>
46 
+            </div>
47 
+          </div> -->
48 
+        </div>
49 
+      </div>
50 
+    </div>
15 51 
     <div class="tri_header">
16 52 
       <img src="../img/about/trial.png" />
17 53 
       <div class="header_info">

@@ -79,5 +115,6 @@
79 115 
   <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
80 116 
   <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
81 117 
   <script src="../utils/index.js"></script>
118 
+  <script src="../js/header.js"></script>
82 119 
   <script src="../js/trial.js"></script>
83 120 
 </html>

Write Preview
Loading…
취소
저장