├── images
├── d1.jpg
├── d2.jpg
├── d3.jpg
├── d4.jpg
├── w1.jpg
├── w2.jpg
├── w3.jpg
├── w4.jpg
├── w5.jpg
├── w6.jpg
├── w7.jpg
├── w8.jpg
├── w9.jpg
├── art1.png
├── bag.png
├── bag1.png
├── bg01.png
├── login.jpg
├── logo.png
├── love.png
├── page.jpg
├── pic1.jpg
├── pic2.jpg
├── pic3.jpg
├── pic4.jpg
├── picll.jpg
├── w10.jpg
├── w11.jpg
├── w12.jpg
├── choose1.jpg
├── choose2.jpg
├── choose3.jpg
├── choose4.jpg
├── choose5.jpg
├── s_icon1.png
├── s_icon2.png
├── s_icon3.png
├── search.png
├── social.png
├── banner_01.jpg
├── banner_02.jpg
├── banner_03.jpg
├── banner_04.jpg
├── banner_05.jpg
├── label_new.png
├── register.jpg
├── sale (1).jpg
├── sale (2).jpg
├── sale (3).jpg
├── register_bg.jpg
└── resize_png_new.png
├── README.md
├── css
├── shoplist.css
├── shopcart.css
├── details.css
├── register.css
└── shopping.css
├── login_admin.html
├── login_user.html
├── script
├── js.js
└── jquery-1.4.2.min.js
├── register.html
├── index.html
├── cart.html
├── goodslist.html
└── details.html
/images/d1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d1.jpg
--------------------------------------------------------------------------------
/images/d2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d2.jpg
--------------------------------------------------------------------------------
/images/d3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d3.jpg
--------------------------------------------------------------------------------
/images/d4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/d4.jpg
--------------------------------------------------------------------------------
/images/w1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w1.jpg
--------------------------------------------------------------------------------
/images/w2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w2.jpg
--------------------------------------------------------------------------------
/images/w3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w3.jpg
--------------------------------------------------------------------------------
/images/w4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w4.jpg
--------------------------------------------------------------------------------
/images/w5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w5.jpg
--------------------------------------------------------------------------------
/images/w6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w6.jpg
--------------------------------------------------------------------------------
/images/w7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w7.jpg
--------------------------------------------------------------------------------
/images/w8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w8.jpg
--------------------------------------------------------------------------------
/images/w9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w9.jpg
--------------------------------------------------------------------------------
/images/art1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/art1.png
--------------------------------------------------------------------------------
/images/bag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/bag.png
--------------------------------------------------------------------------------
/images/bag1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/bag1.png
--------------------------------------------------------------------------------
/images/bg01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/bg01.png
--------------------------------------------------------------------------------
/images/login.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/login.jpg
--------------------------------------------------------------------------------
/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/logo.png
--------------------------------------------------------------------------------
/images/love.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/love.png
--------------------------------------------------------------------------------
/images/page.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/page.jpg
--------------------------------------------------------------------------------
/images/pic1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic1.jpg
--------------------------------------------------------------------------------
/images/pic2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic2.jpg
--------------------------------------------------------------------------------
/images/pic3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic3.jpg
--------------------------------------------------------------------------------
/images/pic4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/pic4.jpg
--------------------------------------------------------------------------------
/images/picll.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/picll.jpg
--------------------------------------------------------------------------------
/images/w10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w10.jpg
--------------------------------------------------------------------------------
/images/w11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w11.jpg
--------------------------------------------------------------------------------
/images/w12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/w12.jpg
--------------------------------------------------------------------------------
/images/choose1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose1.jpg
--------------------------------------------------------------------------------
/images/choose2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose2.jpg
--------------------------------------------------------------------------------
/images/choose3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose3.jpg
--------------------------------------------------------------------------------
/images/choose4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose4.jpg
--------------------------------------------------------------------------------
/images/choose5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/choose5.jpg
--------------------------------------------------------------------------------
/images/s_icon1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/s_icon1.png
--------------------------------------------------------------------------------
/images/s_icon2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/s_icon2.png
--------------------------------------------------------------------------------
/images/s_icon3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/s_icon3.png
--------------------------------------------------------------------------------
/images/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/search.png
--------------------------------------------------------------------------------
/images/social.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/social.png
--------------------------------------------------------------------------------
/images/banner_01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_01.jpg
--------------------------------------------------------------------------------
/images/banner_02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_02.jpg
--------------------------------------------------------------------------------
/images/banner_03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_03.jpg
--------------------------------------------------------------------------------
/images/banner_04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_04.jpg
--------------------------------------------------------------------------------
/images/banner_05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/banner_05.jpg
--------------------------------------------------------------------------------
/images/label_new.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/label_new.png
--------------------------------------------------------------------------------
/images/register.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/register.jpg
--------------------------------------------------------------------------------
/images/sale (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/sale (1).jpg
--------------------------------------------------------------------------------
/images/sale (2).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/sale (2).jpg
--------------------------------------------------------------------------------
/images/sale (3).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/sale (3).jpg
--------------------------------------------------------------------------------
/images/register_bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/register_bg.jpg
--------------------------------------------------------------------------------
/images/resize_png_new.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hillmay2015/zks/HEAD/images/resize_png_new.png
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | \# **zks**
2 |
3 | 基于html+css前端购物网站页面,2014年的时候,学生时代,刚刚学前端时做的,感觉当时的代码和青涩,纯粹是用DIV加CSS写的,现在前端技术更新很快,react,vue
4 |
5 | 主要页面为
6 |
7 | - 注册页面
8 | - 登录页面
9 | - 首页
10 | - 商品详情页
11 | - 购物车页面
12 | - 热销商品页
13 |
--------------------------------------------------------------------------------
/css/shoplist.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | /* CSS Document */
3 | /*------ start content1-------*/
4 | .menu {
5 | width: 350px;
6 | height: 1200px;
7 | }
8 | .menu-left {
9 | padding-left: 80px;
10 | margin-left: -109px;
11 | }
12 | .menu1 ul li a {
13 | text-decoration: none;
14 | font-size: 14px;
15 | }
16 | .menu1 h4:hover
17 | {
18 | background-color:#F90;}
19 | .menu1 h4 {
20 | background-color: rgba(204, 204, 204, 0.44);
21 | width: 155px;
22 | border-bottom: 1px solid #555;
23 | }
24 | .menu1 ul li {
25 | list-style: none;
26 | padding-left: 100px;
27 | line-height: 27px;
28 | }
29 | .menu2 form {
30 | padding-left: 140px;
31 | }
32 | .menu2 h4 {
33 | width: 155px;
34 | background-color: rgba(204, 204, 204, 0.44);
35 | border-bottom: 1px solid #555;
36 | }
37 | .menu2 h4:hover
38 | {
39 | background-color:#F90;}
40 | .menu2 form a {
41 | text-decoration: none;
42 | line-height: 27px;
43 | }
44 |
45 | .menu-right {
46 | width: 930px;
47 | height: 1200px;
48 | float: left;
49 | margin-left: 367px;
50 | margin-top: -1200px;
51 | }
52 | .menu-right p {
53 | font-size: 14px;
54 | }
55 | .picture {
56 | width: 200px;
57 | height: 300px;
58 | display: inline-block;
59 | padding: 35px 8px;
60 | text-align: center;
61 | font-size: 14px;
62 | }
63 | .picture a
64 | {
65 | text-decoration:none;}
66 | .picture h5 {
67 | text-align: center;
68 | }
69 | .view1 .mask1, .view1 .content {
70 | position: absolute;
71 | overflow: hidden;
72 | top: 130px;
73 | left: 90px;
74 | }
75 | .info {
76 | display: block;
77 | background: url(../images/label_new.png) no-repeat;
78 | text-indent: -9999px;
79 | width: 75px;
80 | height: 75px;
81 | margin-left: 134px;
82 | margin-top: -145px;
83 | }
84 | /*------end content1------*/
85 |
--------------------------------------------------------------------------------
/login_admin.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 管理员登录
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
21 |
22 |
47 |
48 |
49 |
50 |
个人用户登录
51 |
鄂ICP ©折扣社2013-2014,All Rights Reserved
52 |
53 |
54 |
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/login_user.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 谢亚梅登录
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
21 |
22 |
48 |
49 |
50 |
51 |
管理员入口
52 |
鄂ICP ©折扣社2013-2014,All Rights Reserved
53 |
54 |
55 |
56 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/script/js.js:
--------------------------------------------------------------------------------
1 | /*my own shop 折扣店 sep.27*/
2 | $(function(){(
3 | /*-----------幻灯片start------------*/
4 | function(){
5 | var curr = 0;
6 | $("#jsNav .trigger").each(function(i){
7 | $(this).click(function(){
8 | curr = i;
9 | $("#js img").eq(i).fadeIn("slow").siblings("img").hide();
10 | $(this).siblings(".trigger").removeClass("imgSelected").end().addClass("imgSelected");
11 | return false;
12 | });
13 | });
14 |
15 | var pg = function(flag){
16 | if (flag) {
17 | if (curr == 0) {
18 | todo = 4;
19 | } else {
20 | todo = (curr - 1) % 5;
21 | }
22 | } else {
23 | todo = (curr + 1) % 5;
24 | }
25 | $("#jsNav .trigger").eq(todo).click();
26 | };
27 |
28 | //ǰ
29 | $("#prev").click(function(){
30 | pg(true);
31 | return false;
32 | });
33 |
34 | //
35 | $("#next").click(function(){
36 | pg(false);
37 | return false;
38 | });
39 |
40 | //Զ
41 | var timer = setInterval(function(){
42 | todo = (curr + 1) % 5;
43 | $("#jsNav .trigger").eq(todo).click();
44 | },2000);
45 |
46 | $("#js,#prev,#next").hover(function(){
47 | clearInterval(timer);
48 | },
49 | function(){
50 | timer = setInterval(function(){
51 | todo = (curr + 1) % 5;
52 | $("#jsNav .trigger").eq(todo).click();
53 | },2000);
54 | }
55 | );
56 | })();
57 |
58 | /*-----------幻灯片end------------*/
59 |
60 |
61 |
62 | /*-----------首页变色start-----------*/
63 | $(".look").hover(function(){
64 | $(this).addClass("changecolor");
65 | },
66 | function(){
67 | $(this).removeClass("changecolor");
68 | });
69 |
70 | });
71 | /*-----------首页变色end-----------*/
72 | /*-----------注册界面提醒-----------*/
73 | $(function(){
74 | $(".spsearch span").hide();
75 | $("input.spnormal").focus(function(){
76 |
77 | $(this).next().show();
78 | });
79 | $(".spnormal").blur(function(){
80 | console.log("k");
81 | $(this).next().hide();
82 | });
83 | });
84 |
85 | /*-----------注册界面提醒end-----------*/
86 |
--------------------------------------------------------------------------------
/register.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 注册
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
19 |
20 |
21 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 | 4-20位字符,支持英文、数字和符号的组合
39 |
40 |
41 |
42 |
43 |
44 | 6-20位字符,支持英文、数字和符号的组合,不建议使用纯数字、纯字母或纯符号
45 |
46 |
47 |
48 |
49 |
50 | 请再次输入密码
51 |
52 |
58 |
59 |
60 |
61 |
62 |
63 |
管理员入口
64 |
鄂ICP ©折扣店2013-2014,All Rights Reserved
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
--------------------------------------------------------------------------------
/css/shopcart.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | /* shopcart CSS Document */
3 | /*------start content1------*/
4 | .cart {
5 | width: 1366px;
6 | height: 900px;
7 | }
8 | .cart1-right {
9 | float: right;
10 | width: 300px;
11 | height: 50px;
12 | padding-top: 16px;
13 | font-size: 14px;
14 | }
15 | .cart1-left {
16 | font-size: 14px;
17 | width: 300px;
18 | height: 50px;
19 | padding-left: 123px;
20 | padding-top: 16px;
21 | }
22 | .cart2-left {
23 | padding-left: 116px;
24 | border: 1px solid rgba(153, 153, 153, 0.21);
25 | height: 160px;
26 | }
27 | .cart2-middle {
28 | float: left;
29 | margin-left: 270px;
30 | margin-top: -174px;
31 | }
32 | .cart2-middle a {
33 | text-decoration: none;
34 | }
35 | .cart2-middle a:hover
36 | {
37 | text-decoration:underline;}
38 | .cart2-middle p {
39 | font-size: 12px;
40 | }
41 | .cart2-middle form {
42 | font-size: 12px;
43 | }
44 | .middle-pic {
45 | height: 20px;
46 | width: 120px;
47 | background-color: #F96;
48 | border-radius:2px;
49 | border:1px solid #f96;
50 | }
51 | .middle-pic1 {
52 | padding-left: 18px;
53 | margin-top: 2px;
54 | }
55 | .middle-pic2 {
56 | float: left;
57 | padding-left: 50px;
58 | padding-bottom: -42px;
59 | margin-top: -15px;
60 | }
61 | .middle-pic3 {
62 | float: left;
63 | padding-left: 21px;
64 | margin-top: -14px;
65 | }
66 | .cart2-right {
67 | float: right;
68 | margin-right: -484px;
69 | margin-top: -120px;
70 | }
71 | .pay {
72 | width: 99px;
73 | height: 24px;
74 | background-color: #FC0;
75 | padding: 2px 8px;
76 | border-radius:2px;
77 | border:1px solid #fc0;
78 | }
79 | .pay a {
80 | text-decoration: none;
81 | color: #FFF;
82 | margin: 12px;
83 | }
84 | .pay a :hover
85 | {
86 | text-decoration:underline;}
87 | .cart7-left {
88 | width: 100px;
89 | height: 39px;
90 | background-color: #F66;
91 | float: left;
92 | margin-left: 280px;
93 | text-align:center;
94 | line-height:39px;
95 | border-radius:2px;
96 | border:1px #F66 solid;
97 | }
98 | .cart7-right {
99 | float: right;
100 | width: 111px;
101 | height: 39px;
102 | background-color: #F66;
103 | margin-right: 182px;
104 |
105 | line-height:39px;
106 | text-align:center;
107 | border-radius:2px;
108 | border:1px #F66 solid;
109 | }
110 | .cart7-left a {
111 | text-decoration: none;
112 | color: #fff;
113 | font-size: 16px;
114 | text-align: center;
115 | font-weight: bold;
116 | }
117 | .cart7-left a:hover
118 | {
119 | text-decoration:underline;}
120 | .cart7-right a {
121 | font-weight: bold;
122 | text-decoration: none;
123 | color: #FFF;
124 |
125 | }
126 | .cart7-right a:hover
127 | {
128 | text-decoration:underline;}
129 | /*------end content1------*/
130 |
--------------------------------------------------------------------------------
/css/details.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | /* CSS Document */
3 | /*-------start content left-------*/
4 | .menu {
5 | width: 1366px;
6 | height: 1200px;
7 | margin-left: 42px;
8 | }
9 | .menu1 h4 {
10 | background-color: rgba(204, 204, 204, 0.44);
11 | width: 155px;
12 | border-bottom: 1px solid #555;
13 | }
14 | .menu1 h4:hover
15 | {
16 | background-color:#F90;}
17 | .menu2 h4 {
18 | width: 155px;
19 | background-color: rgba(204, 204, 204, 0.44);
20 | border-bottom: 1px solid #555;
21 | }
22 | .menu2 h4:hover
23 | {
24 | background-color:#F90;}
25 | .menu-left {
26 | width: 930px;
27 | height: 1200px;
28 | }
29 | .menu-a1 {
30 | margin-left: 100px;
31 | }
32 | .menu-a11 {
33 | margin-left: 100px;
34 | padding: 5px 10px;
35 | }
36 | .menu-A2 {
37 | float: left;
38 | margin-left: 420px;
39 | margin-top: -470px;
40 | }
41 | .menu-a2 h1 {
42 | color: #F30;
43 | }
44 | .img1 {
45 | padding: 2px 10px;
46 | }
47 | .menu-a5 {
48 | width: 100px;
49 | border-radius:5px;
50 | border:1px solid #FC3;
51 | margin-left: 120px;
52 | background-color: #FC3;
53 | text-align: center;
54 | }
55 | .menu-a5 a {
56 | display:block;
57 | width:100px;
58 | height:30px;
59 | line-height:30px;
60 | color: white;
61 | font-weight:bold;
62 | text-decoration: none;
63 | }
64 | .menu-a5 a:hover{
65 | color:white;
66 | text-decoration:none;
67 | }
68 | .menu-B {
69 | width: 930px;
70 | height: 150px;
71 | }
72 | .menu-C {
73 | width: 930px;
74 | height: 250px;
75 | }
76 | .menu-D {
77 | width: 930px;
78 | height: 250px;
79 | }
80 | .b1 {
81 | margin-left: 100px;
82 | font-size: 14px;
83 | line-height: 23px;
84 | }
85 | .b {
86 | width: 830px;
87 | height: 30px;
88 | font-size: 18px;
89 | text-align: left;
90 | background-color: rgba(204, 204, 204, 0.41);
91 | padding: 5px 0;
92 | margin-left: 100px;
93 | }
94 | .c1 {
95 | margin-left: 100px;
96 | }
97 | .c2 {
98 | margin-left: 300px;
99 | float: left;
100 | width: 430px;
101 | height: 164px;
102 | margin-top: -166px;
103 | font-size: 14px;
104 | }
105 | .c a {
106 | display: block;
107 | padding: 0 10px;
108 | line-height: 36px;
109 | height: 35px;
110 | text-align: center;
111 | text-decoration: none;
112 | font-size: 18px;
113 | color: #fff;
114 | text-align: center;
115 | }
116 | .c {
117 | float: left;
118 | margin-left: 750px;
119 | margin-top: -180px;
120 | }
121 | .c3 h1 {
122 | color: #006680;
123 | }
124 | .c4 {
125 |
126 | background-color: #006680;
127 | }
128 | /*-------end content left-------*/
129 |
130 | /*-------start content right-------*/
131 | .menu-right {
132 | float: left;
133 | margin-left: 972px;
134 | margin-top: -1168px;
135 | }
136 | .menu1 ul li a {
137 | text-decoration: none;
138 | font-size: 14px;
139 | }
140 | .menu1 ul {
141 | display: inline;
142 | }
143 | .menu1 ul li {
144 | list-style: none;
145 | padding-left: 100px;
146 | line-height: 27px;
147 | }
148 | .menu2 {
149 | width: 300px;
150 | margin-left: 80px;
151 | }
152 | .menu2 form {
153 | display: inline;
154 | }
155 | .menu2 form a {
156 | text-decoration: none;
157 | line-height: 27px;
158 | }
159 | .menu-top {
160 | margin-top: 43px;
161 | float: left;
162 | }
163 | .menu-left p {
164 | font-size: 14px;
165 | }
166 | /*-------end content right-------*/
167 |
168 | .imgbig:hover
169 | {
170 | width:400px;
171 | height:550px;
172 | }
173 |
--------------------------------------------------------------------------------
/css/register.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | /* register CSS Document */
3 |
4 |
5 |
6 | /*-------- 登录 注册 start------- */
7 | .bg-gray {
8 | background: #f6f6f6;
9 | }
10 | .top {
11 | background-color: #006680;
12 | color: #FFF;
13 | }
14 | .top a {
15 | color: white;
16 | }
17 | .tp_loginInfo {
18 | margin-left: 1100px;
19 | }
20 | .login-wrap {
21 | padding: 20px 0 25px;
22 | }
23 | .login-wrap a {
24 | color: #08c;
25 | }
26 | .login-wrap .welcome {
27 | display: inline-block;
28 | font: bold 30px "SimHei";
29 | padding-top: 14px;
30 | color: #535353;
31 | }
32 | .personal_info {
33 | display: inline-block;
34 | font: bold 20px "SimHei";
35 | margin: 20px 0 -15px 0;
36 | color: #535353;
37 | }
38 | .w940 {
39 | width: 940px;
40 | margin: 0 auto;
41 | }
42 | .login-box .pic img {
43 | width: 450px;
44 | height: 440px;
45 | }
46 | .entry {
47 | padding: 0 40px;
48 | margin-top: 50px;
49 | }
50 | .entry .title {
51 | line-height: 50px;
52 | font-family: "Microsoft YaHei";
53 | font-size: 16px;
54 | color: #666;
55 | }
56 | .entry dl {
57 | position: relative;
58 | margin-bottom: 10px;
59 | }
60 | .entry dt {
61 | position: absolute;
62 | left: 8px;
63 | top: 11px;
64 | color: #999;
65 | font-size: 12px;
66 | line-height: 18px;
67 | cursor: text;
68 | }
69 | .entry .text {
70 | width: 252px;
71 | height: 16px;
72 | border: 1px solid #B0B0B0;
73 | line-height: 16px;
74 | padding: 11px 16px 11px 40px;
75 | color: #333;
76 | font-size: 14px;
77 | }
78 | .entry .entry-name dd label {
79 | position: absolute;
80 | left: 44px;
81 | top: 11px;
82 | color: #AAA;
83 | transition: all .2s ease-out 0s;
84 | font-size: 14px;
85 | cursor: text;
86 | }
87 | .entry .forget-psd {
88 | margin-top: -4px;
89 | overflow: hidden;
90 | _margin-bottom: 45px;
91 | }
92 | .entry .forget-psd a:hover {
93 | text-decoration: underline;
94 | }
95 | .register, .tp.for-register .tp_box, .tp.for-register {
96 | background: white;
97 | }
98 | .register {
99 | border: 1px solid #dddddd;
100 | padding-top: 20px;
101 | margin-bottom: 70px;
102 | background: url(../images/register_bg.jpg) bottom no-repeat white;
103 | }
104 | .register .item input, .entry .item input {
105 | width: 313px;
106 | height: 38px;
107 | margin: 20px 0;
108 | background: url(../images/login.jpg) no-repeat;
109 | border: 0;
110 | cursor: pointer;
111 | outline: none;
112 | }
113 | .register .item input {
114 | background: url(../images/register.jpg) no-repeat;
115 | }
116 |
117 |
118 | .have-reg {
119 | margin: 0 auto;
120 | margin-bottom: 5px;
121 | padding-right: 20px;
122 | text-align: right;
123 | }
124 |
125 | .spsearch {
126 | padding: 15px;
127 | }
128 | .spsearch span.short {
129 | display: inline-block;
130 | width: 250px;
131 | height: 39px;
132 | margin-top: -2px;
133 | line-height: 38px;
134 | padding-left: 10px;
135 | border: 1px solid #DFDFDF;
136 | vertical-align: middle;
137 | background: #F6F6F6;
138 | }
139 | .spsearch span.long {
140 | display: inline-block;
141 | width: 250px;
142 | height: 35px;
143 | margin-top: -2px;
144 | padding-top: 4px;
145 | padding-left: 10px;
146 | border: 1px solid #DFDFDF;
147 | vertical-align: middle;
148 | background: #F6F6F6;
149 | }
150 | .spsearch > p > label {
151 | display: inline-block;
152 | width: 200px;
153 | text-align: right;
154 | color: #999;
155 | font: 14px "Arial"
156 | }
157 | .spsearch > p > label.sex {
158 | width: 50px;
159 | height: 22px;
160 | margin-right: 30px;
161 | text-align: left;
162 | }
163 | .spsearch > p > label.sex input {
164 | margin-right: 10px;
165 | }
166 | input[type="text"].spnormal, input[type="password"].spnormal {
167 | margin-right: 10px;
168 | font-family: inherit;
169 | font-size: 18px;
170 | text-indent: 5px;
171 | width: 270px;
172 | height: 40px;
173 | line-height: 20px;
174 | border: 1px solid #DFDFDF;
175 | box-shadow: 1px 1px 5px rgba(223, 223, 223, 0.7);
176 | }
177 | textarea.spnormal {
178 | vertical-align: top;
179 | margin: 0;
180 | width: 340px;
181 | text-indent: 5px;
182 | height: 80px;
183 | padding-top: 10px;
184 | border: 1px solid #DFDFDF;
185 | box-shadow: 1px 1px 5px red;
186 | resize: none;
187 | font-size: 18px;
188 | }
189 |
190 |
191 |
192 | /* ----------登录 注册 end-------- */
193 |
194 | body, p, form, input, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4 {
195 | margin: 0;
196 | padding: 0;
197 | list-style: none;
198 | }
199 | body, button, input, select, textarea {
200 | font: 12px Arial, Helvetica, sans-serif;
201 | color: #333;
202 | }
203 | input, select, textarea {
204 | font-size: 100%;
205 | }
206 | a {
207 | text-decoration: none;
208 | color: #333;
209 | }
210 | a:hover {
211 | text-decoration: none;
212 | color: #c00;
213 | }
214 | a.blue_link {
215 | color: #06c;
216 | }
217 | a.blue_link:hover {
218 | color: red;
219 | text-decoration: underline;
220 | }
221 | .clearfix:after {
222 | display: block;
223 | content: ".";
224 | height: 0;
225 | visibility: hidden;
226 | clear: both;
227 | font-size: 0;
228 | line-height: 0;
229 | }
230 | .clearfix {
231 | *zoom:1;
232 | }
233 | img {
234 | border: 0 none;
235 | vertical-align: top;
236 | }
237 | em {
238 | font-style: normal;
239 | }
240 | button::-moz-focus-inner {
241 | padding:0;
242 | border:none;
243 | }
244 | .wrap {
245 | width: 980px;
246 | margin: 0 auto;
247 | }
248 | .fl {
249 | float: left;
250 | margin-left:20px;
251 | }
252 | .fr {
253 | float: right;
254 | margin-right:30px;
255 | }
256 | .mt {
257 | margin-top: 10px;
258 | }
259 | .pt {
260 | padding-top: 10px;
261 | }
262 | .ml {
263 | margin-left: 10px;
264 | }
265 | .mt5 {
266 | margin-top: 5px;
267 | }
268 | .mt10 {
269 | margin-top: 10px;
270 | }
271 | .mb {
272 | margin-bottom: 10px;
273 | }
274 | .none {
275 | display: none;
276 | }
277 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | shopping首页
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
17 |
18 |
21 |
22 |
23 |
24 | - 最近浏览
25 | |
26 | - 关于我们
27 | |
28 | - 登录
29 | |
30 | - 注册
31 |
32 |
33 |
34 |
35 |
36 |
37 |
51 |
52 |
53 |
54 |
139 |
140 |
141 |
142 |
143 |
144 |
153 |
154 |
155 |
156 |
157 |
精致与休闲造型兼备的牛津纺衬衫。简约素雅的风格,新潮百搭
158 |
特价¥299
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
2014秋装新款女神的新衣张馨予同款亲子装儿童装卫衣 朗姿LANCY
167 |
现价¥199
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
佰缌2014秋冬新款欧美尖头粗跟短靴高跟 防水台真皮铆钉女式靴子
180 |
181 | 特价优惠¥699
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
198 |
204 |
210 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
233 |
244 |
255 |
266 |
277 |
278 |
279 |
280 |
281 |
282 |
283 |
284 |
325 |
326 |
327 |
328 |
329 |
333 |
334 |
335 |
336 |
337 |
346 |
347 |
348 |
--------------------------------------------------------------------------------
/css/shopping.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | /* shopping CSS Document */
3 |
4 |
5 |
6 |
7 | body {
8 | margin: 0;
9 | padding: 0;
10 | width: 1366px;
11 | }
12 | /*------ start header top-------*/
13 | .top1 {
14 | background-color: #006680;
15 | height: 40px;
16 | width: 1366px;
17 | }
18 | .top-left {
19 | background-color: #FC0;
20 | height: 26px;
21 | width: 100px;
22 | float: left;
23 | margin-left: 100px;
24 | margin-top: 8px;
25 | font-size: 12px;
26 | }
27 | .top-left a {
28 | text-decoration: none;
29 | }
30 | .top-left a:hover
31 | {
32 | text-decoration:underline;}
33 | .top-left p {
34 | margin: 5px 2px;
35 | text-align: center;
36 | color: #FFF;
37 | }
38 | #move {
39 | float: left;
40 | margin-left: 300px;
41 | color: #FFF;
42 | background-color: #006680;
43 | margin-top: -18px;
44 | display: block;
45 | clear: both;
46 | }
47 | .top-right {
48 | float: right;
49 | clear: both;
50 | margin-right: 105px;
51 | color: #FFF;
52 | }
53 | .top-right ul {
54 | margin-top: -28px;
55 | width: 300px;
56 | height: 30px;
57 | }
58 | .top-right ul li {
59 | margin: 10px;
60 | list-style: none;
61 | display: inline-block;
62 | }
63 | .top-right ul li a {
64 | font-size: 10px;
65 | color: #FFF;
66 | text-decoration:none;
67 | }
68 | .top-right a:hover
69 | {
70 | text-decoration:underline;}
71 | /*------ end header top-------*/
72 | /*-----start header logo-------*/
73 | #logo {
74 | margin-top: 20px;
75 | margin-left: 100px;
76 | }
77 | .search {
78 | float: left;
79 | margin-left: 686px;
80 | margin-top: -60px;
81 | border: none;
82 | }
83 | #sitesearch {
84 | display: block;
85 | float: right;
86 | }
87 | #sitesearch input {
88 | display: block;
89 | float: left;
90 | width: 230px;
91 | height: 25px;
92 | margin: 0 15px 0 0;
93 | padding: 0 5px;
94 | color: #979797;
95 | border: none;
96 | }
97 | #sitesearch input#search {
98 | width: 23px;
99 | height: 23px;
100 | margin: 0;
101 | padding: 0;
102 | cursor: pointer;
103 | background: none;
104 | float: left;
105 | }
106 | .icon1 {
107 | float: left;
108 | display: block;
109 | margin-left: 1017px;
110 | margin-top: -48px;
111 | }
112 | .icon2 {
113 | float: left;
114 | display: block;
115 | margin-left: 1072px;
116 | margin-top: -48px;
117 | }
118 | .icon3 {
119 | width: 100px;
120 | height: 40px;
121 | background-color: #FC0;
122 | float: right;
123 | display: block;
124 | margin-right: 139px;
125 | margin-top: -51px;
126 | }
127 | .icon3 a {
128 | text-decoration: none;
129 | color: #FFF;
130 | }
131 | .icon3 p {
132 | text-align: center;
133 | margin: 10px 3px;
134 | }
135 | a.register_user {
136 | text-decoration: none;
137 | color: white;
138 | display: block;
139 | width: 100px;
140 | height: 40px;
141 | text-align: center;
142 | line-height: 40px;
143 | }
144 | .img1:hover {
145 | background-color: #F66;
146 | }
147 | .img2:hover {
148 | background-color: #F30;
149 | }
150 |
151 | a.register_user:hover {
152 | background: #006680;
153 | }
154 | /*-----end header logo-------*/
155 |
156 | /*-------- start header menu---------*/
157 |
158 |
159 | .header-menu {
160 | height: 35px;
161 | position: relative;
162 | z-index: 100px;
163 | font-size: 16px;
164 | }
165 | .header-menu ul {
166 | margin-left: 24px;
167 | }
168 | .header-menu>ul>li {
169 | list-style: none;
170 | font-size: 16px;
171 | height: 30px;
172 | text-align: center;
173 | line-height: 30px;
174 | }
175 | .header-menu ul li ul li {
176 | list-style: none;
177 | font-size: 16px;
178 | height: 28px;
179 | width: 97px;
180 | text-align: left;
181 | }
182 | .header-menu li {
183 | position: relative;
184 | float: left;
185 | }
186 | .header-menu ul ul {
187 | margin: 0;
188 | padding: 0;
189 | visibility: hidden;
190 | border: 1px solid gray;
191 | position: absolute;
192 | left: 4px;
193 | top: 35px;
194 | background-color: white;
195 | z-index: 33;
196 | }
197 | .header-menu ul li:hover ul {
198 | visibility: visible;
199 | }
200 | .header-menu a {
201 | display: block;
202 | padding: 2px 10px;
203 | margin: 3px;
204 | color: #000;
205 | text-decoration: none;
206 | }
207 | .header-menu a:hover {
208 | color: #000;
209 | }
210 | .header-menu ul ul li {
211 | clear: both;
212 | text-align: left;
213 | font-size: 16px;
214 | }
215 | .header-menu ul ul li a {
216 | display: block;
217 | height: 15px;
218 | margin: 0;
219 | color: #000;
220 | }
221 | a.a1 {
222 | text-decoration: none;
223 | color: black;
224 | width: 80px;
225 | height: 30px;
226 | }
227 | a.a1:hover {
228 | background: #EF5F21;
229 | color: black;
230 | text-align: none;
231 | }
232 | a.a2 {
233 | text-decoration: none;
234 | color: black;
235 | width: 80px;
236 | height: 30px;
237 | }
238 | a.a2:hover {
239 | background: #589D3E;
240 | color: black;
241 | text-align: none;
242 | }
243 | a.a3 {
244 | text-decoration: none;
245 | color: black;
246 | width: 80px;
247 | height: 30px;
248 | }
249 | a.a3:hover {
250 | background: #00ACED;
251 | color: black;
252 | text-align: none;
253 | }
254 | a.a4 {
255 | text-decoration: none;
256 | color: black;
257 | width: 80px;
258 | height: 30px;
259 | }
260 | a.a4:hover {
261 | background: #D61F85;
262 | color: black;
263 | text-align: none;
264 | }
265 | a.a5 {
266 | text-decoration: none;
267 | color: black;
268 | width: 80px;
269 | height: 30px;
270 | }
271 | a.a5:hover {
272 | background: #F89F1B;
273 | color: black;
274 | text-align: none;
275 | }
276 | a.a6 {
277 | text-decoration: none;
278 | color: black;
279 | width: 80px;
280 | height: 30px;
281 | }
282 | a.a6:hover {
283 | background: #00677C;
284 | color: black;
285 | text-align: none;
286 | }
287 | a.a7 {
288 | text-decoration: none;
289 | color: black;
290 | width: 80px;
291 | height: 30px;
292 | }
293 | a.a7:hover {
294 | background: #D5331D;
295 | color: black;
296 | text-align: none;
297 | }
298 | a.a8 {
299 | text-decoration: none;
300 | color: black;
301 | width: 80px;
302 | height: 30px;
303 | }
304 | a.a8:hover {
305 | background: #9CB43A;
306 | color: black;
307 | text-align: none;
308 | }
309 | a.a9 {
310 | text-decoration: none;
311 | color: black;
312 | width: 80px;
313 | height: 30px;
314 | color: black;
315 | }
316 | a.a9:hover {
317 | background: #26BC85;
318 | color: black;
319 | text-align: none;
320 | }
321 | /*-------- end header menu---------*/
322 |
323 | /*-------- start content1---------*/
324 | .container {
325 | position: relative;
326 | width: 1366px;
327 | height: 500px;
328 | border: 1px solid #009;
329 | }
330 | .slider {
331 | float: left;
332 | width: 860px;
333 | height: 420px;
334 | background-color: #9F6;
335 | margin-left: 90px;
336 | }
337 | .area {
338 | width: 860px;
339 | margin: 0 auto;
340 | overflow: hidden;
341 | position: relative;
342 | cursor: pointer;
343 | }
344 | .bg {
345 | width: 100%;
346 | padding-top: 1px;
347 | background: url(../images/bg01.png) repeat-x;
348 | _background: none;/*IE6*/
349 | _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg01.png");/*IE6*/
350 | height: 34px;
351 | left: 0;
352 | FONT-WEIGHT: bold;
353 | top: 385px;
354 | position: absolute;
355 | }
356 | .jsNav {
357 | position: absolute;
358 | right: 10px;
359 | top: 385px;
360 | padding-top: 1px;
361 | }
362 | .jsNav a {
363 | width: 40px;
364 | font-size: 22px;
365 | margin-right: 6px;
366 | font-weight: bold;
367 | display: inline;
368 | height: 33px;
369 | line-height: 33px;
370 | display: block;
371 | float: left;
372 | text-align: center;
373 | color: #fff;
374 | }
375 | .jsNav a:hover {
376 | background: url(../images/bg01.gif) no-repeat;
377 | color: #FF1555;
378 | text-decoration: none;
379 | }
380 | .jsNav .imgSelected {
381 | background: url(../images/bg01.gif) no-repeat;
382 | color: #FF1555;
383 | }
384 | .qq {
385 | display: none;
386 | z-index: 200
387 | }
388 | .container-right {
389 | width: 300px;
390 | height: 420px;
391 | float: right;
392 | margin-right: 82px;
393 | }
394 | .container1 {
395 | width: 290px;
396 | height: 110px;
397 | }
398 | .pic-sale1 {
399 | float: left;
400 | width: 80px;
401 | height: 100px;
402 | margin-top: 3px;
403 | }
404 | .container1 h4 {
405 | padding-left: 134px;
406 | margin: 0;
407 | padding-top: 12px;
408 | }
409 | .container1 a {
410 | text-decoration: none;
411 | display: inlne;
412 | }
413 | .container1 a:hover
414 | {
415 | text-decoration:underline;}
416 | .container1 p {
417 | font-size: 12px;
418 | padding-left: 120px;
419 | line-height: 20px;
420 | }
421 | .container1 h5 {
422 | margin-top: -29px;
423 | margin-left: 167px;
424 | }
425 | .container2 {
426 | width: 280px;
427 | height: 110px;
428 | margin-top: 10px;
429 | float: inherit;
430 | padding: 10px, 3px;
431 | }
432 | .container2 h5 {
433 | margin-top: -29px;
434 | margin-left: 49px;
435 | }
436 | .pic-sale2 {
437 | float: right;
438 | width: 80px;
439 | height: 100px;
440 | margin-top: 15px;
441 | padding-right: 22px;
442 | }
443 | .container2 h4 {
444 | margin-left: -87px;
445 | margin-top: 8px;
446 | }
447 | .container2 a {
448 | width: 120px;
449 | height: 20px;
450 | text-decoration: none;
451 | margin-left: 100px;
452 | }
453 | .container2 a:hover
454 | {
455 | text-decoration:underline;}
456 | .container2 p {
457 | font-size: 12px;
458 | padding-right: 114px;
459 | margin-top: -9px;
460 | line-height: 20px;
461 | }
462 | .container3 {
463 | width: 290px;
464 | height: 110px;
465 | margin-top: 25px;
466 | padding-top: 20px;
467 | }
468 | .pic-sale3 {
469 | float: left;
470 | width: 80px;
471 | height: 100px;
472 | margin-top: 3px;
473 | }
474 | .container3 h5 {
475 | margin-left: 160px;
476 | margin-top: -27px;
477 | }
478 | .container3 h4 {
479 | padding-left: 134px;
480 | margin: 0;
481 | padding-top: 12px;
482 | }
483 | .container3 a {
484 | text-decoration: none;
485 | display: inlne;
486 | }
487 | .container3 a:hover
488 | {
489 | text-decoration:underline;}
490 | .container3 p {
491 | font-size: 12px;
492 | padding-left: 120px;
493 | line-height: 20px;
494 | margin-top: 20px;
495 | }
496 | /*-------- end content1---------*/
497 | /*-------- start content2---------*/
498 | .popular {
499 | width: 1366px;
500 | height: 400px;
501 | }
502 | .popular1 {
503 | float: left;
504 | width: 276px;
505 | height: 400px;
506 | margin-left: 54px;
507 | }
508 | .popular1 a {
509 | display: block;
510 | position: relative;
511 | }
512 | .look {
513 | position: absolute;
514 | right: 7px;
515 | bottom: 0;
516 | background: rgba(141, 141, 141, 0.51);
517 | padding: 10px;
518 | }
519 | .look h4 {
520 | margin: 0;
521 | font-size: 18px;
522 | color: #fff;
523 | text-transform: uppercase;
524 | }
525 | .look p {
526 | margin: 10px 0 0 0;
527 | -webkit-text-stroke: 0.5px;
528 | font-size: 12px;
529 | color: #fff;
530 | text-transform: uppercase;
531 | }
532 | .look.changecolor {
533 | background: #fc0;
534 | }
535 | /*-------- end content2---------*/
536 | /*-------- start content3---------*/
537 | .content {
538 | width: 1280px;
539 | margin: 0 auto;
540 | clear: both;
541 | }
542 | .content1 {
543 | float: left;
544 | width: 150px;
545 | margin-left: 100px;
546 | }
547 | .content1 ul {
548 | padding-left: 5px;
549 | margin-top: -9px;
550 | }
551 | .content1 ul li {
552 | list-style: none;
553 | line-height: 27px;
554 | font-size: 14px;
555 | }
556 | .content1 ul li a {
557 | text-decoration: none;
558 | font-size: 12px;
559 | color: #777;
560 | }
561 | .content1 h4 {
562 | text-align: left;
563 | padding-left: 5px;
564 | padding-bottom: 15px;
565 | border-bottom: 1px solid #ECECEC;
566 | color: #555;
567 | }
568 | .cleafix {
569 | clear: both;
570 | }
571 | .clearfix:after {
572 | visibility: hidden;
573 | display: block;
574 | font-size: 0;
575 | content: " ";
576 | clear: both;
577 | height: 0;
578 | }
579 | .clearfix {
580 | display: inline-table;
581 | }
582 | /* Hides from IE-mac \*/
583 | * html .clearfix {
584 | height: 1%;
585 | }
586 | .clearfix {
587 | display: block;
588 | }
589 |
590 |
591 | /*-------- end content3---------*/
592 | /*--------start footer top--------*/
593 | .footer1 {
594 | clear: both;
595 | margin-top: 40px;
596 | }
597 | .footer-pic {
598 | float: left;
599 | padding-left: 99px;
600 | }
601 | .put {
602 | font-size: 16px;
603 | margin-top: 10px;
604 | }
605 | #move3 {
606 | color: #F33;
607 | }
608 | .address {
609 | float: left;
610 | font-size: 14px;
611 | color: #555;
612 | margin-top: 20px;
613 | padding-left: 168px;
614 | }
615 | .footer-right {
616 | float: left;
617 | margin-left: 479px;
618 | margin-top: -133px;
619 | }
620 | #move2 {
621 | color: #F33;
622 | }
623 | .footer-right p {
624 | font-size: 14px;
625 | margin: 0;
626 | font-weight: bold;
627 | color: #555;
628 | }
629 | .share-pic {
630 | text-align: center;
631 | padding-top: 8px;
632 | }
633 | .footer-right legend {
634 | display: block;
635 | margin-bottom: 15px;
636 | }
637 | .footer-right input {
638 | display: block;
639 | float: left;
640 | width: 260px;
641 | height: 20px;
642 | margin: 0;
643 | padding: 5px 10px;
644 | color: #666666;
645 | background-color: #ECECEC;
646 | border: none;
647 | }
648 | .footer-right input#subscribe {
649 | width: 100px;
650 | height: 30px;
651 | float: left;
652 | margin: 0 0 0 8px;
653 | padding: 0;
654 | cursor: pointer;
655 | text-align: center;
656 | text-transform: uppercase;
657 | font-weight: bold;
658 | }
659 | #newsletter form legend {
660 | margin: 0;
661 | padding: 0;
662 | }
663 | /*--------end footer top--------*/
664 |
665 | /*--------start footer --------*/
666 | .footer2 {
667 | float: left;
668 | width: 1366px;
669 | height: 50px;
670 | background-color: #006680;
671 | }
672 | .footer2 p {
673 | font-size: 12px;
674 | line-height: 20px;
675 | color: white;
676 | text-align: center;
677 | height: 30px;
678 | }
679 | /*--------end footer top--------*/
680 |
681 |
682 |
683 |
684 |
685 |
--------------------------------------------------------------------------------
/cart.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 购物车详情
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
16 |
17 |
20 |
21 |
22 |
23 | - 最近浏览
24 | |
25 | - 关于我们
26 | |
27 | - 登录
28 | |
29 | - 注册
30 |
31 |
32 |
33 |
34 |
35 |
49 |
50 |
51 |
52 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |

我的购物车/5件商品
144 |

喜爱收藏的商品
145 |
146 |
147 |
148 |
149 |
150 |
选择你喜欢的颜色
151 |
165 |
你选择的尺码:M码|订单编号:54133131010
166 |
171 |
172 |
优惠:9月特惠到10.1 全国满199包邮
173 |
促销:会员享受8折优惠
174 |
价格:8折限时优惠¥299
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 |
选择适合你的尺码和颜色
184 |
198 |
你选择的尺码:M码|订单编号:26833131470
199 |
204 |
205 |
优惠:9月特惠到10.1 全国满199包邮
206 |
促销:会员享受8折优惠
207 |
价格:8折限时优惠¥399
208 |
209 |
210 |
211 |
212 |
213 |
214 |
215 |
选择你喜欢的颜色
216 |
230 |
你选择的尺码:M码|订单编号:76133131036
231 |
236 |
237 |
优惠:9月特惠到10.1 全国满199包邮
238 |
促销:会员享受8折优惠
239 |
价格:8折限时优惠¥699
240 |
241 |
242 |
243 |
244 |
245 |
246 |
247 |
选择你喜欢的颜色
248 |
262 |
你选择的尺码:M码|订单编号:54133131010
263 |
268 |
269 |
优惠:9月特惠到10.1 全国满199包邮
270 |
促销:会员享受8折优惠
271 |
价格:8折限时优惠¥299
272 |
273 |
274 |
275 |
276 |
277 |
278 |
279 |
选择你喜欢的颜色
280 |
294 |
你选择的尺码:M码|订单编号:341447819210
295 |
300 |
301 |
优惠:9月特惠到10.1 全国满199包邮
302 |
促销:会员享受8折优惠
303 |
价格:8折限时优惠¥199
304 |
305 |
306 |
307 |
308 |
309 |
313 |
314 |
315 |
316 |
317 |
318 |
319 |
320 |
321 |
332 |
343 |
354 |
365 |
376 |
377 |
378 |
379 |
380 |
381 |
382 |