电商网站前端页面

【实例简介】
HTML前端页面， 包括商品详情、登录、注册、搜索商品页面、购物车页面、个人中心等完整版前端
【实例截图】
【核心代码】
完整版项目
└── 二阶段项目
├── banner.html
├── css
│   ├── detail.css
│   ├── index.css
│   ├── login.css
│   ├── main.css
│   ├── searchresult.css
│   ├── security.css
│   └── shopcar.css
├── html
│   ├── detail.html
│   ├── login.html
│   ├── register.html
│   ├── searchresult.html
│   ├── security.html
│   └── shopcar.html
├── img
│   ├── 118_thumb_G_1437524872711.jpg
│   ├── 119_thumb_G_1437525155564.jpg
│   ├── 11_thumb_G_1453146671846.jpg
│   ├── 120_thumb_G_1437525234301.jpg
│   ├── 121_thumb_G_1437525509791.jpg
│   ├── 122_thumb_G_1437525597541.jpg
│   ├── 123_thumb_G_1437525706093.jpg
│   ├── 124_thumb_G_1437525834721.jpg
│   ├── 125_thumb_G_1437525897177.jpg
│   ├── 126_thumb_G_1437525951501.jpg
│   ├── 128_thumb_G_1437526271316.jpg
│   ├── 129_thumb_G_1437527006289.jpg
│   ├── 130_thumb_G_1437527119516.jpg
│   ├── 131_thumb_G_1437527214145.jpg
│   ├── 134_thumb_G_1452898020033.jpg
│   ├── 135_thumb_G_1437528636775.jpg
│   ├── 136_thumb_G_1437528720014.jpg
│   ├── 1437443964590321726.jpg
│   ├── 1437498339486690622.jpg
│   ├── 1437498376873749155.jpg
│   ├── 1437498403240204298.jpg
│   ├── 1437498451453717980.jpg
│   ├── 1437498475161350896.jpg
│   ├── 1437498503904706751.jpg
│   ├── 1437498527130339382.jpg
│   ├── 1437498557902889630.jpg
│   ├── 144_thumb_G_1437529582625.jpg
│   ├── 1459096523037748007.png
│   ├── 149_thumb_G_1452896290080.jpg
│   ├── 14_thumb_G_1453141980056.jpg
│   ├── 151_thumb_G_1437530254383.jpg
│   ├── 152_thumb_G_1437530333924.jpg
│   ├── 157_thumb_G_1437530558629.jpg
│   ├── 159_thumb_G_1437530614630.jpg
│   ├── 160_thumb_G_1437530668110.jpg
│   ├── 167_thumb_G_1437531185892.jpg
│   ├── 169_thumb_G_1437531448738.jpg
│   ├── 173_thumb_G_1452895517705.jpg
│   ├── 179_thumb_G_1437532294511.jpg
│   ├── 181_thumb_G_1437532546925.jpg
│   ├── 182_thumb_G_1437532636106.jpg
│   ├── 183_thumb_G_1437532716802.jpg
│   ├── 184_thumb_G_1437532690726.jpg
│   ├── 186_thumb_G_1437532831868.jpg
│   ├── 187_thumb_G_1437532892086.jpg
│   ├── 188_thumb_G_1437532927406.jpg
│   ├── 189_thumb_G_1437532937623.jpg
│   ├── 190_thumb_G_1437532975963.jpg
│   ├── 191_thumb_G_1437533027069.jpg
│   ├── 193_thumb_G_1437533567683.jpg
│   ├── 195_thumb_G_1437533447767.jpg
│   ├── 196_thumb_G_1437533514992.jpg
│   ├── 1f-index-bottom (1).jpg
│   ├── 1f-index-bottom (10).jpg
│   ├── 1f-index-bottom (11).jpg
│   ├── 1f-index-bottom (2).jpg
│   ├── 1f-index-bottom (3).jpg
│   ├── 1f-index-bottom (4).jpg
│   ├── 1f-index-bottom (5).jpg
│   ├── 1f-index-bottom (6).jpg
│   ├── 1f-index-bottom (7).jpg
│   ├── 1f-index-bottom (8).jpg
│   ├── 1f-index-bottom (9).jpg
│   ├── 1f-right (1).jpg
│   ├── 1f-right (10).jpg
│   ├── 1f-right (11).jpg
│   ├── 1f-right (12).jpg
│   ├── 1f-right (13).jpg
│   ├── 1f-right (14).jpg
│   ├── 1f-right (15).jpg
│   ├── 1f-right (16).jpg
│   ├── 1f-right (2).jpg
│   ├── 1f-right (3).jpg
│   ├── 1f-right (4).jpg
│   ├── 1f-right (5).jpg
│   ├── 1f-right (6).jpg
│   ├── 1f-right (7).jpg
│   ├── 1f-right (8).jpg
│   ├── 1f-right (9).jpg
│   ├── 20_thumb_G_1453153172314.jpg
│   ├── 2149_thumb_G_1440702497705.jpg
│   ├── 2151_thumb_G_1440703065166.jpg
│   ├── 223_thumb_G_1437586798114.jpg
│   ├── 2555_thumb_G_1443486323414.jpg
│   ├── 2561_thumb_G_1443489533083.jpg
│   ├── 2643_thumb_G_1453051289358.jpg
│   ├── 2644_thumb_G_1453052042594.jpg
│   ├── 2645_thumb_G_1453053185435.jpg
│   ├── 2647_thumb_G_1453054816230.jpg
│   ├── 2648_thumb_G_1453415811261.jpg
│   ├── 2649_thumb_G_1453416118580.jpg
│   ├── 2651_thumb_G_1456791725926.jpg
│   ├── 2652_thumb_G_1456792474138.jpg
│   ├── 2653_thumb_G_1456793612209.jpg
│   ├── 2687_thumb (1).jpg
│   ├── 2687_thumb (2).jpg
│   ├── 2687_thumb (3).jpg
│   ├── 2687_thumb (4).jpg
│   ├── 2687_thumb (5).jpg
│   ├── 2687_thumb (6).jpg
│   ├── 2687_thumb (7).jpg
│   ├── 2687_thumb (8).jpg
│   ├── 2691_thumb_G_1456880324448.jpg
│   ├── 26_thumb_G_1437505984631.jpg
│   ├── 2712_thumb_G_1458836171728.jpg
│   ├── 2729_thumb_G_1459448916411.jpg
│   ├── 2730_thumb_G_1459449296685.jpg
│   ├── 2750_thumb_G_1460053515549.jpg
│   ├── 2751_thumb_G_1460053848624.jpg
│   ├── 2778_thumb_G_1460752012412.jpg
│   ├── 2797_thumb1.jpg
│   ├── 2797_thumb2.jpg
│   ├── 2797_thumb3.jpg
│   ├── 2797_thumb4.jpg
│   ├── 2797_thumb5.jpg
│   ├── 2797_thumb6.jpg
│   ├── 2797_thumb7.jpg
│   ├── 2797_thumb8.jpg
│   ├── 27_thumb_G_1437506372309.jpg
│   ├── 29_thumb_G_1437506331258.jpg
│   ├── 2f-index-bottom (1).jpg
│   ├── 2f-index-bottom (10).jpg
│   ├── 2f-index-bottom (11).jpg
│   ├── 2f-index-bottom (12).jpg
│   ├── 2f-index-bottom (13).jpg
│   ├── 2f-index-bottom (14).jpg
│   ├── 2f-index-bottom (2).jpg
│   ├── 2f-index-bottom (3).jpg
│   ├── 2f-index-bottom (4).jpg
│   ├── 2f-index-bottom (5).jpg
│   ├── 2f-index-bottom (6).jpg
│   ├── 2f-index-bottom (7).jpg
│   ├── 2f-index-bottom (8).jpg
│   ├── 2f-index-bottom (9).jpg
│   ├── 30_thumb_G_1437506667557.jpg
│   ├── 31_thumb_G_1437506821290.jpg
│   ├── 32_thumb_G_1437506920994.jpg
│   ├── 33_thumb_G_1437507221390.jpg
│   ├── 34_thumb_G_1452797720522.jpg
│   ├── 36_thumb_G_1452809642710.jpg
│   ├── 38_thumb_G_1452801081271.jpg
│   ├── 3f-index-bottom (4).jpg
│   ├── 3f-index-bottom(1).jpg
│   ├── 3f-index-bottom(10).jpg
│   ├── 3f-index-bottom(11).jpg
│   ├── 3f-index-bottom(2).jpg
│   ├── 3f-index-bottom(3).jpg
│   ├── 3f-index-bottom(4).jpg
│   ├── 3f-index-bottom(5).jpg
│   ├── 3f-index-bottom(6).jpg
│   ├── 3f-index-bottom(7).jpg
│   ├── 3f-index-bottom(8).jpg
│   ├── 3f-index-bottom(9).jpg
│   ├── 3f-index-mid (1).jpg
│   ├── 3f-index-mid (2).jpg
│   ├── 3f-index-mid (3).jpg
│   ├── 3f-index-mid (4).jpg
│   ├── 3f-index-mid (5).jpg
│   ├── 3f-index-mid (6).jpg
│   ├── 3f-index-mid (7).jpg
│   ├── 3f-index-mid (8).jpg
│   ├── 3f-index-right (1).jpg
│   ├── 3f-index-right (2).jpg
│   ├── 40_thumb_G_1437515363345.jpg
│   ├── 42_thumb_G_1437515742056.jpg
│   ├── 444_thumb_G_1433286895510.jpg
│   ├── 45_thumb_G_1437516035103.jpg
│   ├── 46_thumb_G_1437516342367.jpg
│   ├── 4f-index-bottom (9).jpg
│   ├── 4f-index-bottom(1).jpg
│   ├── 4f-index-bottom(10).jpg
│   ├── 4f-index-bottom(11).jpg
│   ├── 4f-index-bottom(12).jpg
│   ├── 4f-index-bottom(13).gif
│   ├── 4f-index-bottom(14).jpg
│   ├── 4f-index-bottom(2).jpg
│   ├── 4f-index-bottom(3).jpg
│   ├── 4f-index-bottom(4).jpg
│   ├── 4f-index-bottom(5).jpg
│   ├── 4f-index-bottom(6).jpg
│   ├── 4f-index-bottom(7).jpg
│   ├── 4f-index-bottom(8).png
│   ├── 4f-index-bottom(9).jpg
│   ├── 4f-index-mid(1).jpg
│   ├── 4f-index-mid(2).jpg
│   ├── 4f-index-mid(3).jpg
│   ├── 4f-index-mid(4).jpg
│   ├── 4f-index-mid(5).jpg
│   ├── 4f-index-mid(6).jpg
│   ├── 4f-index-mid(7).jpg
│   ├── 4f-index-mid(8).jpg
│   ├── 4f-index-right (1).jpg
│   ├── 4f-index-right (2).jpg
│   ├── 507_thumb_G_1433351211511.jpg
│   ├── 510_thumb_G_1433351320201.jpg
│   ├── 51_thumb_G_1437519866381.jpg
│   ├── 520_thumb_G_1433352443157.jpg
│   ├── 524_thumb_G_1433352684924.jpg
│   ├── 529_thumb_G_1433353128910.jpg
│   ├── 530_thumb_G_1433353373233.jpg
│   ├── 542_thumb_G_1433436026724.jpg
│   ├── 574_thumb_G_1433374148678.jpg
│   ├── 5f-index-bottom(1).jpg
│   ├── 5f-index-bottom(10).jpg
│   ├── 5f-index-bottom(11).jpg
│   ├── 5f-index-bottom(2).jpg
│   ├── 5f-index-bottom(3).jpg
│   ├── 5f-index-bottom(4).jpg
│   ├── 5f-index-bottom(5).jpg
│   ├── 5f-index-bottom(6).jpg
│   ├── 5f-index-bottom(7).jpg
│   ├── 5f-index-bottom(8).png
│   ├── 5f-index-bottom(9).gif
│   ├── 5f-index-bottom(9).jpg
│   ├── 5f-index-mid (4).jpg
│   ├── 5f-index-mid (5).jpg
│   ├── 5f-index-mid (6).jpg
│   ├── 5f-index-mid(1).jpg
│   ├── 5f-index-mid(2).jpg
│   ├── 5f-index-mid(3).jpg
│   ├── 5f-index-mid(4).jpg
│   ├── 5f-index-mid(5).jpg
│   ├── 5f-index-mid(6).jpg
│   ├── 5f-index-mid(7).jpg
│   ├── 5f-index-mid(8).jpg
│   ├── 5f-index-right (1).jpg
│   ├── 5f-index-right (2).jpg
│   ├── 64_thumb_G_1437521108958.jpg
│   ├── 6f-index-bottom (14).jpg
│   ├── 6f-index-bottom(1).jpg
│   ├── 6f-index-bottom(10).jpg
│   ├── 6f-index-bottom(11).jpg
│   ├── 6f-index-bottom(12).jpg
│   ├── 6f-index-bottom(13).jpg
│   ├── 6f-index-bottom(2).jpg
│   ├── 6f-index-bottom(3).jpg
│   ├── 6f-index-bottom(4).jpg
│   ├── 6f-index-bottom(5).jpg
│   ├── 6f-index-bottom(6).jpg
│   ├── 6f-index-bottom(7).jpg
│   ├── 6f-index-bottom(8).jpg
│   ├── 6f-index-bottom(9).jpg
│   ├── 6f-index-mid(1).jpg
│   ├── 6f-index-mid(2).jpg
│   ├── 6f-index-mid(3).jpg
│   ├── 6f-index-mid(4).jpg
│   ├── 6f-index-mid(5).jpg
│   ├── 6f-index-mid(6).jpg
│   ├── 6f-index-mid(7).jpg
│   ├── 6f-index-mid(8).jpg
│   ├── 6f-index-right (1).jpg
│   ├── 6f-index-right (2).jpg
│   ├── 6f-index-right (3).jpg
│   ├── 7f-index-bottom(1).jpg
│   ├── 7f-index-bottom(10).jpg
│   ├── 7f-index-bottom(11).jpg
│   ├── 7f-index-bottom(12).jpg
│   ├── 7f-index-bottom(2).jpg
│   ├── 7f-index-bottom(3).jpg
│   ├── 7f-index-bottom(4).jpg
│   ├── 7f-index-bottom(5).jpg
│   ├── 7f-index-bottom(6).jpg
│   ├── 7f-index-bottom(7).jpg
│   ├── 7f-index-bottom(8).jpg
│   ├── 7f-index-bottom(9).jpg
│   ├── 7f-index-mid(1).jpg
│   ├── 7f-index-mid(2).jpg
│   ├── 7f-index-mid(3).jpg
│   ├── 7f-index-mid(4).jpg
│   ├── 7f-index-mid(5).jpg
│   ├── 7f-index-mid(6).jpg
│   ├── 7f-index-mid(7).jpg
│   ├── 7f-index-mid(8).jpg
│   ├── 7f-index-right (1).jpg
│   ├── 7f-index-right (2).jpg
│   ├── 8f-index-bottom(1).jpg
│   ├── 8f-index-bottom(10).jpg
│   ├── 8f-index-bottom(11).jpg
│   ├── 8f-index-bottom(12).jpg
│   ├── 8f-index-bottom(13).jpg
│   ├── 8f-index-bottom(14).jpg
│   ├── 8f-index-bottom(2).jpg
│   ├── 8f-index-bottom(3).png
│   ├── 8f-index-bottom(4).jpg
│   ├── 8f-index-bottom(5).jpg
│   ├── 8f-index-bottom(6).jpg
│   ├── 8f-index-bottom(7).jpg
│   ├── 8f-index-bottom(8).jpg
│   ├── 8f-index-bottom(9).jpg
│   ├── 8f-index-mid(1).jpg
│   ├── 8f-index-mid(2).jpg
│   ├── 8f-index-mid(3).jpg
│   ├── 8f-index-mid(4).jpg
│   ├── 8f-index-mid(5).jpg
│   ├── 8f-index-mid(6).jpg
│   ├── 8f-index-mid(7).jpg
│   ├── 8f-index-mid(8).jpg
│   ├── 8f-index-right (1).jpg
│   ├── 8f-index-right (2).jpg
│   ├── 94_thumb_G_1437523136659.jpg
│   ├── _thumb_P_1434323961281.jpg
│   ├── app.jpg
│   ├── banner-pic1.jpg
│   ├── banner-pic2.jpg
│   ├── banner-pic3.jpg
│   ├── banner1.jpg
│   ├── banner1.png
│   ├── banner2.jpg
│   ├── banner3.jpg
│   ├── banner4.jpg
│   ├── banner5.jpg
│   ├── banner6.jpg
│   ├── banner7.jpg
│   ├── change_city3.gif
│   ├── curcity.png
│   ├── detail
│   │   ├── 253_thumb_G_1450043521909.jpg
│   │   ├── 2810_thumb_G_1461264920004.jpg
│   │   ├── 444_thumb_G_1433286895510.jpg
│   │   ├── T1B7m.XeXuXXaHNz_X-16-16.gif
│   │   ├── angle_bracket_1.png
│   │   ├── bigpic1.jpg
│   │   ├── bigpic2.jpg
│   │   ├── bigpic3.jpg
│   │   ├── bigpic4.jpg
│   │   ├── bigpic5.jpg
│   │   ├── btn_next.gif
│   │   ├── btn_per.gif
│   │   ├── button_old_41.gif
│   │   ├── common.png
│   │   ├── compare-btn.png
│   │   ├── compare-hover-btn.png
│   │   ├── ghs.png
│   │   ├── goods-best1.jpg
│   │   ├── goods-best2.jpg
│   │   ├── goods-best3.jpg
│   │   ├── goods-best4.jpg
│   │   ├── goods-best5.jpg
│   │   ├── goods-best6.jpg
│   │   ├── goods-best7.jpg
│   │   ├── goods-best8.jpg
│   │   ├── goods-best9.jpg
│   │   ├── goods_act.png
│   │   ├── goods_best_l.png
│   │   ├── goods_best_r.png
│   │   ├── is.png
│   │   ├── m-buy.png
│   │   ├── newicon20130617.png
│   │   ├── pi.gif
│   │   ├── pic1.png
│   │   ├── pic2.jpg
│   │   ├── pic3.jpg
│   │   ├── pic4.jpg
│   │   ├── pic5.jpg
│   │   ├── pic6.jpg
│   │   ├── pic7.jpg
│   │   ├── pic8.jpg
│   │   ├── red_line.png
│   │   ├── smallpic1.jpg
│   │   ├── smallpic2.jpg
│   │   ├── smallpic3.jpg
│   │   ├── smallpic4.jpg
│   │   ├── smallpic5.jpg
│   │   ├── superbig1.jpg
│   │   ├── superbig2.jpg
│   │   ├── superbig3.jpg
│   │   ├── superbig4.jpg
│   │   ├── superbig5.jpg
│   │   └── type-button-1.jpg
│   ├── footer-icon.png
│   ├── footprint-arr.png
│   ├── home_bg.png
│   ├── hotstores-center1.jpg
│   ├── hotstores-center10.jpg
│   ├── hotstores-center11.jpg
│   ├── hotstores-center12.jpg
│   ├── hotstores-center13.jpg
│   ├── hotstores-center14.jpg
│   ├── hotstores-center15.jpg
│   ├── hotstores-center16.jpg
│   ├── hotstores-center17.jpg
│   ├── hotstores-center18.jpg
│   ├── hotstores-center19.jpg
│   ├── hotstores-center2.jpg
│   ├── hotstores-center20.jpg
│   ├── hotstores-center21.jpg
│   ├── hotstores-center22.jpg
│   ├── hotstores-center23.jpg
│   ├── hotstores-center24.jpg
│   ├── hotstores-center3.jpg
│   ├── hotstores-center4.jpg
│   ├── hotstores-center5.jpg
│   ├── hotstores-center6.jpg
│   ├── hotstores-center7.jpg
│   ├── hotstores-center8.jpg
│   ├── hotstores-center9.jpg
│   ├── ico.png
│   ├── icohover.png
│   ├── icon-slide-left.png
│   ├── icon-slide-right.png
│   ├── icon.jpg
│   ├── index-shop(1).jpg
│   ├── index-shop(10).jpg
│   ├── index-shop(11).jpg
│   ├── index-shop(12).jpg
│   ├── index-shop(13).jpg
│   ├── index-shop(14).jpg
│   ├── index-shop(2).jpg
│   ├── index-shop(3).jpg
│   ├── index-shop(4).jpg
│   ├── index-shop(5).jpg
│   ├── index-shop(6).jpg
│   ├── index-shop(7).jpg
│   ├── index-shop(8).jpg
│   ├── index-shop(9).jpg
│   ├── index.png
│   ├── login
│   │   ├── login.png
│   │   ├── loginPic.jpg
│   │   └── logo.jpg
│   ├── logo_hd.jpg
│   ├── market(1).jpg
│   ├── market(10).jpg
│   ├── market(2).jpg
│   ├── market(3).jpg
│   ├── market(4).jpg
│   ├── market(5).jpg
│   ├── market(6).jpg
│   ├── market(7).jpg
│   ├── market(8).jpg
│   ├── market(9).jpg
│   ├── mask.png
│   ├── n.jpg
│   ├── nav.png
│   ├── newIndexIcon-24.png
│   ├── peopleicon_01.gif
│   ├── qq1.gif
│   ├── register
│   │   └── register.png
│   ├── shenbian_title.jpg
│   ├── shopcart
│   │   ├── bg.png
│   │   ├── groom1.jpg
│   │   ├── groom10.jpg
│   │   ├── groom2.jpg
│   │   ├── groom3.jpg
│   │   ├── groom4.jpg
│   │   ├── groom5.jpg
│   │   ├── groom6.jpg
│   │   ├── groom7.jpg
│   │   ├── groom8.jpg
│   │   └── groom9.jpg
│   ├── site-bg.png
│   ├── site_bar.png
│   ├── sjtj.jpg
│   ├── sjtj_1.jpg
│   ├── sjtj_2.jpg
│   ├── sjtj_3.jpg
│   ├── sjtj_4.jpg
│   ├── sjtj_5.jpg
│   ├── sjtj_6.jpg
│   ├── user.png
│   ├── user_center.png
│   ├── user_head.png
│   ├── user_header.png
│   ├── user_header_right.png
│   ├── userinfo_bg.png
│   ├── web_logo.png
│   ├── weixin.png
│   ├── wine-act.jpg
│   ├── wine-local1.jpg
│   ├── wine-local10.jpg
│   ├── wine-local11.jpg
│   ├── wine-local2.jpg
│   ├── wine-local3.jpg
│   ├── wine-local4.jpg
│   ├── wine-local5.jpg
│   ├── wine-local6.jpg
│   ├── wine-local7.jpg
│   ├── wine-local8.jpg
│   ├── wine-local9.jpg
│   ├── wine-red1.jpg
│   ├── wine-red10.jpg
│   ├── wine-red11.jpg
│   ├── wine-red12.jpg
│   ├── wine-red13.jpg
│   ├── wine-red14.jpg
│   ├── wine-red15.jpg
│   ├── wine-red16.jpg
│   ├── wine-red17.jpg
│   ├── wine-red2.jpg
│   ├── wine-red3.jpg
│   ├── wine-red4.jpg
│   ├── wine-red5.jpg
│   ├── wine-red6.jpg
│   ├── wine-red7.jpg
│   ├── wine-red8.jpg
│   ├── wine-red9.jpg
│   ├── wine-spirit1.jpg
│   ├── wine-spirit10.jpg
│   ├── wine-spirit11.jpg
│   ├── wine-spirit12.jpg
│   ├── wine-spirit13.jpg
│   ├── wine-spirit14.jpg
│   ├── wine-spirit15.jpg
│   ├── wine-spirit16.jpg
│   ├── wine-spirit17.jpg
│   ├── wine-spirit18.jpg
│   ├── wine-spirit19.jpg
│   ├── wine-spirit2.jpg
│   ├── wine-spirit20.jpg
│   ├── wine-spirit21.jpg
│   ├── wine-spirit22.jpg
│   ├── wine-spirit23.jpg
│   ├── wine-spirit24.jpg
│   ├── wine-spirit25.jpg
│   ├── wine-spirit26.jpg
│   ├── wine-spirit27.jpg
│   ├── wine-spirit28.jpg
│   ├── wine-spirit3.jpg
│   ├── wine-spirit4.jpg
│   ├── wine-spirit5.jpg
│   ├── wine-spirit6.jpg
│   ├── wine-spirit7.jpg
│   ├── wine-spirit8.jpg
│   └── wine-spirit9.jpg
├── index.html
└── js
├── cloud-zoom.1.0.2.min.js
├── detail.js
├── index.js
├── jquery-1.12.4.min.js
├── jquery.cookie.js
├── jquery.countdown.min.js
├── jquery.lazyload.min.js
├── jquery.validate.min.js
├── login.js
├── messages_zh.js
└── searchresult.js

9 directories, 548 files