ok

wtdmw · Dec 24, 2018 · eedf324 · eedf324
1 parent 12f3fd0
commit eedf324
Show file tree

Hide file tree

Showing 230 changed files with 204 additions and 1 deletion.
diff --git a/css/img/181205_71dg024jd2e3d17jjjhi3a52k9kal_36x24.png b/css/img/181205_71dg024jd2e3d17jjjhi3a52k9kal_36x24.png
diff --git a/css/img/181205_76llc84iagj7dd3flb21bl24e93bd_18x10.png b/css/img/181205_76llc84iagj7dd3flb21bl24e93bd_18x10.png
diff --git a/css/top.css b/css/top.css
@@ -3,6 +3,8 @@
     height: 33px;
     border-bottom: 1px solid #F0F0F0;
     box-sizing: border-box;
+    position: relative;
+    z-index: 999;
 }
 
 .top_box {
@@ -49,9 +51,11 @@
     top: 2px;
     margin-left: 4px;
 }
-.top_box>ul>li:nth-child(3):hover .top_box_gytc{
+
+.top_box>ul>li:nth-child(3):hover .top_box_gytc {
     display: block;
 }
+
 .top_box_gytc {
     position: absolute;
     width: 950px;
@@ -130,4 +134,170 @@
 
 .top_box_gytc_xx a {
     color: #999 !important;
+}
+
+/* nav */
+.nav {
+    width: 1200px;
+    height: 100px;
+    /* background-color: #dcdcdc; */
+    margin: auto;
+}
+
+.nav_logo {
+    display: inline-block;
+    width: 140px;
+    height: 100px;
+    /* background-color: antiquewhite; */
+
+}
+
+.nav_logo img {
+    height: 100px;
+}
+
+.nav_nl {
+    display: inline-block;
+    width: 54px;
+    height: 100px;
+    margin-left: 90px;
+    position: relative;
+    /* background-color: #F0F0F0; */
+}
+
+.nav_nl:hover .nav_nl_tc {
+    display: block;
+}
+
+.nav_nl>i {
+    display: inline-block;
+    width: 18px;
+    height: 100px;
+    background: url("./img/181205_71dg024jd2e3d17jjjhi3a52k9kal_36x24.png") no-repeat center;
+    background-size: contain;
+}
+
+.nav_nl>span {
+    line-height: 100px;
+    font-size: 16px;
+    display: inline-block;
+    float: right;
+}
+
+.nav_nl_tc {
+    width: 1100px;
+    height: 240px;
+    position: absolute;
+    top: 80px;
+    left: -200px;
+    background-color: #fff;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
+    border-radius: 2px;
+    display: none;
+}
+
+.nav_nl_tc>div {
+    box-sizing: border-box;
+    padding: 30px 0 0 20px;
+    float: left;
+}
+
+.nav_nl_tc_1 {
+    width: 320px;
+    height: 240px;
+    /* background-color: #dcdcdc; */
+    border-right: 1px solid #e6e6e6;
+}
+
+.nav_nl_tc h3 {
+    font-size: 15px;
+    font-weight: 500;
+    margin-bottom: 20px;
+}
+
+.nav_nl_tc a {
+    display: inline-block;
+    font-size: 13px;
+    margin-right: 30px;
+    margin-bottom: 10px;
+    color: #999
+}
+
+.nav_nl_tc a:hover {
+    color: #f46;
+}
+
+.nav_nl_tc_2 {
+    width: 326px;
+    height: 240px;
+    /* background-color: #dcdcdc; */
+    border-right: 1px solid #e6e6e6;
+}
+
+.nav_nl_tc_3 {
+    width: 450px;
+    height: 240px;
+}
+
+.nav_ssl {
+    display: inline-block;
+    width: 552px;
+    height: 44px;
+    position: relative;
+    top: -28px;
+    margin-left: 14px;
+}
+
+.nav_ssl_fl {
+    width: 60px;
+    height: 44px;
+    background-color: #f7f7f7;
+    border-radius: 6px 0 0 6px;
+    position: relative;
+    cursor: pointer;
+}
+
+.nav_ssl_fl:hover .nav_ssl_fl_tc {
+    display: block;
+}
+
+.nav_ssl_fl>span {
+    position: absolute;
+    top: 50%;
+    left: 6px;
+    margin-top: -6px;
+    text-align: center;
+    color: #999;
+    display: inline-block;
+    padding-right: 11px;
+    background: url("img/181205_76llc84iagj7dd3flb21bl24e93bd_18x10.png") no-repeat right;
+    background-size: 9px 5px;
+}
+
+.nav_ssl_fl_tc {
+    position: absolute;
+    top: 45px;
+    left: 0px;
+    width: 60px;
+    height: 64px;
+    background-color: #fff;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
+    border-radius: 2px;
+    overflow: hidden;
+    display: none;
+}
+
+.nav_ssl_fl_tc span {
+    display: block;
+    color: #f46;
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+
+}
+
+.nav_ssl_fl_tc span:hover {
+    background-color: #ffdde3;
+
 }
diff --git a/img/181211_4bhej4f3ckl5fjhif777gk075e5hi_260x200.png b/img/181211_4bhej4f3ckl5fjhif777gk075e5hi_260x200.png
diff --git a/img/fx/1.webp b/img/fx/1.webp
diff --git a/img/fx/10.webp b/img/fx/10.webp
diff --git a/img/fx/100.webp b/img/fx/100.webp
diff --git a/img/fx/101.webp b/img/fx/101.webp
diff --git a/img/fx/102.webp b/img/fx/102.webp
diff --git a/img/fx/103.webp b/img/fx/103.webp
diff --git a/img/fx/104.webp b/img/fx/104.webp
diff --git a/img/fx/105.webp b/img/fx/105.webp
diff --git a/img/fx/106.webp b/img/fx/106.webp
diff --git a/img/fx/107.webp b/img/fx/107.webp
diff --git a/img/fx/108.webp b/img/fx/108.webp
diff --git a/img/fx/109.webp b/img/fx/109.webp
diff --git a/img/fx/11.webp b/img/fx/11.webp
diff --git a/img/fx/110.webp b/img/fx/110.webp
diff --git a/img/fx/111.webp b/img/fx/111.webp
diff --git a/img/fx/112.webp b/img/fx/112.webp
diff --git a/img/fx/113.webp b/img/fx/113.webp
diff --git a/img/fx/114.webp b/img/fx/114.webp
diff --git a/img/fx/115.webp b/img/fx/115.webp
diff --git a/img/fx/116.webp b/img/fx/116.webp
diff --git a/img/fx/117.webp b/img/fx/117.webp
diff --git a/img/fx/118.webp b/img/fx/118.webp
diff --git a/img/fx/119.webp b/img/fx/119.webp
diff --git a/img/fx/12.webp b/img/fx/12.webp
diff --git a/img/fx/120.webp b/img/fx/120.webp
diff --git a/img/fx/121.webp b/img/fx/121.webp
diff --git a/img/fx/122.webp b/img/fx/122.webp
diff --git a/img/fx/123.webp b/img/fx/123.webp
diff --git a/img/fx/124.webp b/img/fx/124.webp
diff --git a/img/fx/125.webp b/img/fx/125.webp
diff --git a/img/fx/126.webp b/img/fx/126.webp
diff --git a/img/fx/127.webp b/img/fx/127.webp
diff --git a/img/fx/128.webp b/img/fx/128.webp
diff --git a/img/fx/129.webp b/img/fx/129.webp
diff --git a/img/fx/13.webp b/img/fx/13.webp
diff --git a/img/fx/130.webp b/img/fx/130.webp
diff --git a/img/fx/131.webp b/img/fx/131.webp
diff --git a/img/fx/132.webp b/img/fx/132.webp
diff --git a/img/fx/133.webp b/img/fx/133.webp
diff --git a/img/fx/134.webp b/img/fx/134.webp
diff --git a/img/fx/135.webp b/img/fx/135.webp
diff --git a/img/fx/136.webp b/img/fx/136.webp
diff --git a/img/fx/137.webp b/img/fx/137.webp
diff --git a/img/fx/138.webp b/img/fx/138.webp
diff --git a/img/fx/139.webp b/img/fx/139.webp
diff --git a/img/fx/14.webp b/img/fx/14.webp
diff --git a/img/fx/140.webp b/img/fx/140.webp
diff --git a/img/fx/141.webp b/img/fx/141.webp
diff --git a/img/fx/142.webp b/img/fx/142.webp
diff --git a/img/fx/143.webp b/img/fx/143.webp
diff --git a/img/fx/144.webp b/img/fx/144.webp
diff --git a/img/fx/145.webp b/img/fx/145.webp
diff --git a/img/fx/146.webp b/img/fx/146.webp
diff --git a/img/fx/147.webp b/img/fx/147.webp
diff --git a/img/fx/148.webp b/img/fx/148.webp
diff --git a/img/fx/149.webp b/img/fx/149.webp
diff --git a/img/fx/15.webp b/img/fx/15.webp
diff --git a/img/fx/150.webp b/img/fx/150.webp
diff --git a/img/fx/151.webp b/img/fx/151.webp
diff --git a/img/fx/152.webp b/img/fx/152.webp
diff --git a/img/fx/153.webp b/img/fx/153.webp
diff --git a/img/fx/154.webp b/img/fx/154.webp
diff --git a/img/fx/155.webp b/img/fx/155.webp
diff --git a/img/fx/156.webp b/img/fx/156.webp
diff --git a/img/fx/157.webp b/img/fx/157.webp
diff --git a/img/fx/158.webp b/img/fx/158.webp
diff --git a/img/fx/159.webp b/img/fx/159.webp
diff --git a/img/fx/16.webp b/img/fx/16.webp
diff --git a/img/fx/160.webp b/img/fx/160.webp
diff --git a/img/fx/161.webp b/img/fx/161.webp
diff --git a/img/fx/162.webp b/img/fx/162.webp
diff --git a/img/fx/163.webp b/img/fx/163.webp
diff --git a/img/fx/164.webp b/img/fx/164.webp
diff --git a/img/fx/165.webp b/img/fx/165.webp
diff --git a/img/fx/166.webp b/img/fx/166.webp
diff --git a/img/fx/167.webp b/img/fx/167.webp
diff --git a/img/fx/168.webp b/img/fx/168.webp
diff --git a/img/fx/169.webp b/img/fx/169.webp
diff --git a/img/fx/17.webp b/img/fx/17.webp
diff --git a/img/fx/170.webp b/img/fx/170.webp
diff --git a/img/fx/171.webp b/img/fx/171.webp
diff --git a/img/fx/172.webp b/img/fx/172.webp
diff --git a/img/fx/173.webp b/img/fx/173.webp
diff --git a/img/fx/174.webp b/img/fx/174.webp
diff --git a/img/fx/175.webp b/img/fx/175.webp
diff --git a/img/fx/176.webp b/img/fx/176.webp
diff --git a/img/fx/177.webp b/img/fx/177.webp
diff --git a/img/fx/178.webp b/img/fx/178.webp
diff --git a/img/fx/179.webp b/img/fx/179.webp
diff --git a/img/fx/18.webp b/img/fx/18.webp
diff --git a/img/fx/180.webp b/img/fx/180.webp
diff --git a/img/fx/181.webp b/img/fx/181.webp
diff --git a/img/fx/182.webp b/img/fx/182.webp
diff --git a/img/fx/183.webp b/img/fx/183.webp
diff --git a/img/fx/184.webp b/img/fx/184.webp
diff --git a/img/fx/185.webp b/img/fx/185.webp
diff --git a/img/fx/186.webp b/img/fx/186.webp
diff --git a/img/fx/187.webp b/img/fx/187.webp
diff --git a/img/fx/188.webp b/img/fx/188.webp
diff --git a/img/fx/189.webp b/img/fx/189.webp
diff --git a/img/fx/19.webp b/img/fx/19.webp
diff --git a/img/fx/190.webp b/img/fx/190.webp
diff --git a/img/fx/191.webp b/img/fx/191.webp
diff --git a/img/fx/192.webp b/img/fx/192.webp
diff --git a/img/fx/193.webp b/img/fx/193.webp
diff --git a/img/fx/194.webp b/img/fx/194.webp
diff --git a/img/fx/195.webp b/img/fx/195.webp
diff --git a/img/fx/196.webp b/img/fx/196.webp
diff --git a/img/fx/197.webp b/img/fx/197.webp
diff --git a/img/fx/198.webp b/img/fx/198.webp
diff --git a/img/fx/199.webp b/img/fx/199.webp
diff --git a/img/fx/2.webp b/img/fx/2.webp
diff --git a/img/fx/20.webp b/img/fx/20.webp
diff --git a/img/fx/200.webp b/img/fx/200.webp
diff --git a/img/fx/201.webp b/img/fx/201.webp
diff --git a/img/fx/202.webp b/img/fx/202.webp
diff --git a/img/fx/203.webp b/img/fx/203.webp
diff --git a/img/fx/204.webp b/img/fx/204.webp
diff --git a/img/fx/205.webp b/img/fx/205.webp
diff --git a/img/fx/206.webp b/img/fx/206.webp
diff --git a/img/fx/207.webp b/img/fx/207.webp
diff --git a/img/fx/208.webp b/img/fx/208.webp
diff --git a/img/fx/209.webp b/img/fx/209.webp
diff --git a/img/fx/21.webp b/img/fx/21.webp
diff --git a/img/fx/210.webp b/img/fx/210.webp
diff --git a/img/fx/211.webp b/img/fx/211.webp
diff --git a/img/fx/212.webp b/img/fx/212.webp
diff --git a/img/fx/213.webp b/img/fx/213.webp
diff --git a/img/fx/214.webp b/img/fx/214.webp
diff --git a/img/fx/215.webp b/img/fx/215.webp
diff --git a/img/fx/216.webp b/img/fx/216.webp
diff --git a/img/fx/217.webp b/img/fx/217.webp
diff --git a/img/fx/218.webp b/img/fx/218.webp
diff --git a/img/fx/219.webp b/img/fx/219.webp
diff --git a/img/fx/22.webp b/img/fx/22.webp
diff --git a/img/fx/220.webp b/img/fx/220.webp
diff --git a/img/fx/221.webp b/img/fx/221.webp
diff --git a/img/fx/222.webp b/img/fx/222.webp
diff --git a/img/fx/223.webp b/img/fx/223.webp
diff --git a/img/fx/224.webp b/img/fx/224.webp
diff --git a/img/fx/23.webp b/img/fx/23.webp
diff --git a/img/fx/24.webp b/img/fx/24.webp
diff --git a/img/fx/25.webp b/img/fx/25.webp
diff --git a/img/fx/26.webp b/img/fx/26.webp
diff --git a/img/fx/27.webp b/img/fx/27.webp
diff --git a/img/fx/28.webp b/img/fx/28.webp
diff --git a/img/fx/29.webp b/img/fx/29.webp
diff --git a/img/fx/3.webp b/img/fx/3.webp
diff --git a/img/fx/30.webp b/img/fx/30.webp
diff --git a/img/fx/31.webp b/img/fx/31.webp
diff --git a/img/fx/32.webp b/img/fx/32.webp
diff --git a/img/fx/33.webp b/img/fx/33.webp
diff --git a/img/fx/34.webp b/img/fx/34.webp
diff --git a/img/fx/35.webp b/img/fx/35.webp
diff --git a/img/fx/36.webp b/img/fx/36.webp
diff --git a/img/fx/37.webp b/img/fx/37.webp
diff --git a/img/fx/38.webp b/img/fx/38.webp
diff --git a/img/fx/39.webp b/img/fx/39.webp
diff --git a/img/fx/4.webp b/img/fx/4.webp
diff --git a/img/fx/40.webp b/img/fx/40.webp
diff --git a/img/fx/41.webp b/img/fx/41.webp
diff --git a/img/fx/42.webp b/img/fx/42.webp
diff --git a/img/fx/43.webp b/img/fx/43.webp
diff --git a/img/fx/44.webp b/img/fx/44.webp
diff --git a/img/fx/45.webp b/img/fx/45.webp
diff --git a/img/fx/46.webp b/img/fx/46.webp
diff --git a/img/fx/47.webp b/img/fx/47.webp
diff --git a/img/fx/48.webp b/img/fx/48.webp
diff --git a/img/fx/49.webp b/img/fx/49.webp
diff --git a/img/fx/5.webp b/img/fx/5.webp
diff --git a/img/fx/50.webp b/img/fx/50.webp
diff --git a/img/fx/51.webp b/img/fx/51.webp
diff --git a/img/fx/52.webp b/img/fx/52.webp
diff --git a/img/fx/53.webp b/img/fx/53.webp
diff --git a/img/fx/54.webp b/img/fx/54.webp
diff --git a/img/fx/55.webp b/img/fx/55.webp
diff --git a/img/fx/56.webp b/img/fx/56.webp
diff --git a/img/fx/57.webp b/img/fx/57.webp
diff --git a/img/fx/58.webp b/img/fx/58.webp
diff --git a/img/fx/59.webp b/img/fx/59.webp
diff --git a/img/fx/6.webp b/img/fx/6.webp
diff --git a/img/fx/60.webp b/img/fx/60.webp
diff --git a/img/fx/61.webp b/img/fx/61.webp
diff --git a/img/fx/62.webp b/img/fx/62.webp
diff --git a/img/fx/63.webp b/img/fx/63.webp
diff --git a/img/fx/64.webp b/img/fx/64.webp
diff --git a/img/fx/65.webp b/img/fx/65.webp
diff --git a/img/fx/66.webp b/img/fx/66.webp
diff --git a/img/fx/67.webp b/img/fx/67.webp
diff --git a/img/fx/68.webp b/img/fx/68.webp
diff --git a/img/fx/69.webp b/img/fx/69.webp
diff --git a/img/fx/7.webp b/img/fx/7.webp
diff --git a/img/fx/70.webp b/img/fx/70.webp
diff --git a/img/fx/71.webp b/img/fx/71.webp
diff --git a/img/fx/72.webp b/img/fx/72.webp
diff --git a/img/fx/73.webp b/img/fx/73.webp
diff --git a/img/fx/74.webp b/img/fx/74.webp
diff --git a/img/fx/75.webp b/img/fx/75.webp
diff --git a/img/fx/76.webp b/img/fx/76.webp
diff --git a/img/fx/77.webp b/img/fx/77.webp
diff --git a/img/fx/78.webp b/img/fx/78.webp
diff --git a/img/fx/79.webp b/img/fx/79.webp
diff --git a/img/fx/8.webp b/img/fx/8.webp
diff --git a/img/fx/80.webp b/img/fx/80.webp
diff --git a/img/fx/81.webp b/img/fx/81.webp
diff --git a/img/fx/82.webp b/img/fx/82.webp
diff --git a/img/fx/83.webp b/img/fx/83.webp
diff --git a/img/fx/84.webp b/img/fx/84.webp
diff --git a/img/fx/85.webp b/img/fx/85.webp
diff --git a/img/fx/86.webp b/img/fx/86.webp
diff --git a/img/fx/87.webp b/img/fx/87.webp
diff --git a/img/fx/88.webp b/img/fx/88.webp
diff --git a/img/fx/89.webp b/img/fx/89.webp
diff --git a/img/fx/9.webp b/img/fx/9.webp
diff --git a/img/fx/90.webp b/img/fx/90.webp
diff --git a/img/fx/91.webp b/img/fx/91.webp
diff --git a/img/fx/92.webp b/img/fx/92.webp
diff --git a/img/fx/93.webp b/img/fx/93.webp
diff --git a/img/fx/94.webp b/img/fx/94.webp
diff --git a/img/fx/95.webp b/img/fx/95.webp
diff --git a/img/fx/96.webp b/img/fx/96.webp
diff --git a/img/fx/97.webp b/img/fx/97.webp
diff --git a/img/fx/98.webp b/img/fx/98.webp
diff --git a/img/fx/99.webp b/img/fx/99.webp
diff --git a/index.html b/index.html
@@ -112,7 +112,36 @@ <h3>关于我们</h3>
         <!-- top-end -->
         <!-- nav-start -->
         <div class="nav">
+            <a href="https://www.mogujie.com" class="nav_logo">
+                <img src="img/181211_4bhej4f3ckl5fjhif777gk075e5hi_260x200.png" alt="">
+            </a>
+            <div class="nav_nl">
+                <i></i><span>目录</span>
+                <div class="nav_nl_tc">
+                    <div class="nav_nl_tc_1">
+                        <h3>主题市场</h3>
+                        <p><a>上衣</a><a>裙装</a><a>裤子</a><a>女鞋</a><a>美妆</a><a>包包</a><a>配饰</a><a>内衣</a><a>男友</a><a>母婴</a><a>家具</a><a>食品</a></p>
+                    </div>
+                    <div class="nav_nl_tc_2">
+                        <h3>热门品牌</h3>
+                        <p><a>ZARA</a><a>CONVERSE</a><a>UNIQLO</a><a>NIKE</a><a>CHARLES&KEITH</a><a>ICY</a><a>URBAN REVIVO</a><a>VANS</a><a>GUCCI</a><a>BERSHKA</a><a>CELINE</a><a>ADIDAS</a><a>CHANEL</a><a>PUMA</a><a>CHAMPION</a><a>BALENCIAGA</a><a>LOUIS VUITTON</a><a>TOPSHOP</a></p>
+                    </div>
+                    <div class="nav_nl_tc_3">
+                        <h3>流行话题</h3>
+                        <p><a>#今年第一场雪出街首秀#</a><a>#这波奶茶色喝上身也不长胖#</a><a>#睡不醒不要紧，今天正好慵懒风#</a><a>#大衣就该敞开穿#</a><a>#嘻哈style安排上了，豆芽国家给发嘛？#</a><a>#皮毛一体外套燃烧我的卡路里#</a></p>
+                    </div>
+                </div>
+            </div>
 
+            <div class="nav_ssl clearfix">
+                <div class="nav_ssl_fl">
+                    <span id="nav_ssl_fl_xs">搜商品</span>
+                    <div class="nav_ssl_fl_tc" id="nav_ssl_fl_kz">
+                        <span>找商品</span>
+                        <span>找店铺</span>
+                    </div>
+                </div>
+            </div>
         </div>
         <!-- nav-end -->
     </div>

diff --git a/js/top.js b/js/top.js
@@ -0,0 +1,4 @@
+//搜索栏搜索条件控制
+$("span").on("click",function(event){
+    console.log(12)
+});