17 | 安全设置-找回密码
21 |快速浏览
'; 16 | $(this).css('border','1px solid #000').append(html); 17 | $(".quick").on('click',function(){ 18 | $(".mask").show(); 19 | $(".proDets").show(); 20 | }); 21 | $(".btns .cart").click(function(){ 22 | if($(".categ p").hasClass("on")){ 23 | $(".proDets").hide(); 24 | $(".mask").hide(); 25 | } 26 | }); 27 | }); 28 | $(".proList li").on('mouseleave',function(){ 29 | $(this).find("p").remove(); 30 | $(this).css('border','1px solid #fff'); 31 | }); 32 | //关闭按钮 33 | $(".off").click(function(){ 34 | $(".mask").hide(); 35 | $(".proDets").hide(); 36 | $(".pleaseC").hide(); 37 | }); 38 | /**********************************************共用*****************************************************/ 39 | /**********************商品提示************************************/ 40 | $(".proIntro .smallImg p img").hover(function(){ 41 | $(this).parents(".smallImg").find("span").remove(); 42 | var lf = $(this).position().left; 43 | var con = $(this).attr("alt"); 44 | $(this).parent("p").addClass('on'); 45 | $(this).parents(".smallImg").append(''+con+''); 46 | $(".smallImg").find("span").css("left",lf); 47 | },function(){ 48 | $(this).parents(".smallImg").find("span").remove(); 49 | $(this).parent("p").removeClass('on'); 50 | }); 51 | $(".proIntro .smallImg img").click(function(){ 52 | var offset = $(this).attr("data-src"); 53 | //小弹框和详情页图片大小不一样 54 | $(this).parents(".proCon").find('.proImg').children(".det").attr("src",offset).css({'width':'580px','height':'580px'}); 55 | $(this).parents(".proCon").find('.proImg').children(".list").attr("src",offset).css({'width':'360px','height':'360px'}); 56 | $(this).parents(".smallImg").find("span").remove(); 57 | $(this).parent("p").addClass('on').siblings().removeClass('on'); 58 | //移除鼠标离开事件 59 | $(this).off("mouseleave").parent('p').siblings().find('img').on('mouseleave',function(){ 60 | $(this).parents(".smallImg").find("span").remove(); 61 | $(this).parent("p").removeClass('on'); 62 | }) 63 | }); 64 | /**********************无规格不结算************************************/ 65 | $(".btns a").click(function(){ 66 | if($(".categ p").hasClass("on")){ 67 | if($(this).children().hasClass("buy")){ 68 | $(this).attr("href","order.html"); 69 | } 70 | $(".proIntro").css("border","none"); 71 | $(".num .please").hide(); 72 | }else{ 73 | $(".proIntro").css("border","1px solid #c10000"); 74 | $(".num .please").show(); 75 | } 76 | }) 77 | /*************************小图切换大图*****************************/ 78 | $(".smallImg > img").mouseover(function(){ 79 | $(this).css("border","1px solid #c10000").siblings("img").css("border","none"); 80 | var src = $(this).attr("data-src"); 81 | $(this).parent().siblings(".det").attr("src",src).css({'width':'580px','height':'580px'}); 82 | $(this).parent().siblings(".list").attr("src",src).css({'width':'360px','height':'360px'}); 83 | }) 84 | 85 | /**********proDetail tab***************/ 86 | $(".msgTit a").click(function(){ 87 | var index = $(this).index(); 88 | $(this).addClass("on").siblings().removeClass("on"); 89 | $(".msgAll").children("div").eq(index).show().siblings().hide(); 90 | }); 91 | 92 | /***********************order***************/ 93 | $(".addre").click(function(){ 94 | $(this).addClass("on").siblings().removeClass("on"); 95 | }) 96 | $(".way img").click(function(){ 97 | $(this).addClass("on").siblings().removeClass("on"); 98 | }) 99 | $(".dis span").click(function(){ 100 | $(this).addClass("on").siblings().removeClass("on"); 101 | }); 102 | $(".addre").on('click','.setDefault',function(){ 103 | $(this).next().remove(); 104 | $(this).parent("p").prev().append('[默认地址]').parents('.addre').addClass("on").siblings().removeClass("on") 105 | .find(".default").remove().end().find(".tit p").eq(1).prepend('设为默认|'); 106 | $(this).parent("p").prev().parents('.addre').prependTo(".addres"); 107 | $(this).remove(); 108 | }) 109 | /************************ok************************/ 110 | var seconds = $(".ok span").text(); 111 | function time(){ 112 | seconds--; 113 | $(".ok span").text(seconds); 114 | if(seconds==0){ 115 | window.location.href=("myorderq.html") 116 | } 117 | } 118 | setInterval(time,1000); 119 | /************************forget************************/ 120 | $(".next").click(function(){ 121 | $(".two").show(); 122 | $(".one").hide(); 123 | $(".forCon ul li").eq(1).addClass("on").siblings("li").removeClass("on"); 124 | }); 125 | }) 126 | -------------------------------------------------------------------------------- /css/mygxin.css: -------------------------------------------------------------------------------- 1 | /*bott*/ 2 | .Bott{ 3 | background: #f5f5f5; 4 | } 5 | .Bott .zuo{ 6 | margin: 20px 20px 20px 0; 7 | width: 180px; 8 | background: #fff; 9 | text-align: center; 10 | line-height: 40px; 11 | border: 1px solid #e4e4e4; 12 | } 13 | .Bott .zuo h3{ 14 | border-bottom: 1px solid #A10000; 15 | cursor: pointer; 16 | padding: 10px 0; 17 | font-weight: normal; 18 | } 19 | .Bott .zuo h3 a img{ 20 | display: block; 21 | margin: 0 auto; 22 | } 23 | .Bott .zuo h3 p{ 24 | width: 70%; 25 | margin: 0 auto; 26 | } 27 | .Bott .zuo h3 p span{ 28 | border-bottom: 1px solid #fff; 29 | } 30 | .Bott .zuo h3 span:hover{ 31 | color: #A10000; 32 | border-bottom: 1px solid #A10000; 33 | } 34 | .Bott .zuo div{ 35 | background: #fcfcff; 36 | } 37 | .Bott .zuo h4{ 38 | cursor: pointer; 39 | width: 90%; 40 | color: #444; 41 | font-size: 14px; 42 | } 43 | .Bott .zuo ul li a{ 44 | display: inline-block; 45 | color: #757575; 46 | width: 40%; 47 | text-align: left; 48 | font-size: 14px; 49 | } 50 | .Bott .zuo ul li.on a,.Bott .zuo ul li a:hover{ 51 | color: #A10000; 52 | } 53 | 54 | 55 | 56 | .Bott .you{ 57 | background: #fff; 58 | width: 840px; 59 | padding: 50px; 60 | margin: 20px 0; 61 | border: 1px solid #e4e4e4; 62 | } 63 | .Bott .you h2{ 64 | font-size: 22px; 65 | font-weight: normal; 66 | padding-bottom: 20px; 67 | border-bottom: 1px solid #E6E6E6; 68 | margin-bottom: 30px; 69 | } 70 | 71 | /*个人信息*/ 72 | .Bott .you .tx { 73 | padding-bottom:10px ; 74 | border-bottom: 1px solid #E6E6E6; 75 | } 76 | .Bott .you .tx div a.fl{ 77 | display: block; 78 | width: 90px; 79 | height: 90px; 80 | border-radius: 45px; 81 | border: 1px solid #e3e3e3; 82 | padding: 1px; 83 | } 84 | .Bott .you .tx div p{ 85 | margin: 25px 0 0 15px; 86 | } 87 | .Bott .you .tx div p span{ 88 | display: block; 89 | font-size: 16px; 90 | margin-bottom: 10px; 91 | } 92 | .Bott .you .tx div p a{ 93 | display: block; 94 | color: #A10000; 95 | } 96 | .Bott .you .tx div.fr{ 97 | margin: 40px 0 0 0; 98 | color: #757575; 99 | } 100 | .Bott .you .bott{ 101 | padding: 20px 0; 102 | display: flex; 103 | flex-wrap: wrap; 104 | } 105 | .Bott .you .bott div{ 106 | flex: 1 1 50%; 107 | margin: 20px 0; 108 | } 109 | .Bott .you .bott div p{ 110 | font-size: 15px; 111 | color: #757575; 112 | margin: 35px 0 0 15px; 113 | } 114 | .Bott .you .bott div p strong{ 115 | color: #A10000; 116 | } 117 | .Bott .you .bott div a{ 118 | display: block; 119 | font-size: 12px; 120 | color: #757575; 121 | margin-top: 10px; 122 | } 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | /*地址管理*/ 132 | .Bott .you .add{ 133 | display: flex; 134 | justify-content: space-around; 135 | } 136 | .Bott .you .add div:nth-child(1){ 137 | width: 268px; 138 | height: 178px; 139 | border: 1px solid #E0E0E0; 140 | text-align: center; 141 | } 142 | .Bott .you .add div:nth-child(1) a{ 143 | width: 30px; 144 | display: block; 145 | margin: 60px auto 0; 146 | } 147 | .Bott .you .add div:nth-child(2){ 148 | width: 244px; 149 | height: 158px; 150 | border: 1px solid #E0E0E0; 151 | padding: 20px 0 0 24px; 152 | color: #757575; 153 | line-height: 20px; 154 | } 155 | .Bott .you .add div p:nth-child(1){ 156 | font-size: 18px; 157 | margin-bottom: 25px; 158 | color: #262626; 159 | } 160 | .Bott .you .add div:nth-child(2) a{ 161 | color: #A10000; 162 | display: inline-block; 163 | margin-right: 10px; 164 | } 165 | .Bott .you .add div:nth-child(3){ 166 | width: 268px; 167 | height: 178px; 168 | } 169 | 170 | 171 | 172 | /*添加地址*/ 173 | body{ 174 | position: relative; 175 | } 176 | /*遮罩*/ 177 | .mask{ 178 | position: absolute; 179 | top: 0; 180 | left: 0; 181 | width: 100%; 182 | height: 100%; 183 | background: rgba(0,0,0,0.5); 184 | z-index: 20; 185 | display: none; 186 | } 187 | /* 188 | 提交订单页面的修改地址为居中 189 | */ 190 | .editAddre{ 191 | position: fixed; 192 | top: 50%; 193 | left: 50%; 194 | margin-top: -180px; 195 | margin-left: -150px; 196 | } 197 | .adddz{ 198 | width: 300px; 199 | position: absolute; 200 | top: 50%; 201 | left: 38%; 202 | margin-top: -180px; 203 | margin-left: -150px; 204 | z-index: 30; 205 | background: #fff; 206 | border: 1px solid #A10000; 207 | padding: 30px; 208 | display: none; 209 | } 210 | .readd{ 211 | width: 300px; 212 | position: absolute; 213 | top: 50%; 214 | left: 60%; 215 | margin-top: -180px; 216 | margin-left: -150px; 217 | z-index: 30; 218 | background: #fff; 219 | border: 1px solid #A10000; 220 | padding: 30px; 221 | display: none; 222 | } 223 | .adddz form input,.readd form input{ 224 | border: 1px solid #e0e0e0; 225 | display: block; 226 | margin-bottom: 15px; 227 | width: 100%; 228 | height: 40px; 229 | line-height: 40px; 230 | text-indent: 5px; 231 | } 232 | .adddz form input.on,.readd form input.on{ 233 | border: 1px solid #A10000; 234 | } 235 | .adddz form div.city select,.readd form div.city select{ 236 | width: 142px; 237 | height: 40px; 238 | line-height: 40px; 239 | border: 1px solid #E0E0E0; 240 | padding: 10px; 241 | margin-bottom:10px; 242 | } 243 | .adddz form div.city select:nth-child(odd),.readd form div.city select:nth-child(odd){ 244 | margin-right: 10px; 245 | } 246 | .adddz form textarea,.readd form textarea{ 247 | width: 100%; 248 | height: 50px; 249 | padding-top:10px; 250 | text-indent: 5px; 251 | margin-bottom: 15px; 252 | } 253 | .adddz form div.bc,.readd form div.bc{ 254 | margin-top: 30px; 255 | display: flex; 256 | justify-content: space-around; 257 | } 258 | .adddz form div.bc input,.readd form div.bc input{ 259 | display: inline-block; 260 | width: 120px; 261 | height: 36px; 262 | line-height: 36px; 263 | text-align: center; 264 | background: #fff; 265 | border: 1px solid #e6e6e6; 266 | } 267 | .adddz form div.bc input:nth-child(1),.readd form div.bc input:nth-child(1){ 268 | background: #A10000; 269 | color: #FFFFFF; 270 | } 271 | 272 | 273 | -------------------------------------------------------------------------------- /js/cart.js: -------------------------------------------------------------------------------- 1 | $(function(){ 2 | /**************数量加减***************/ 3 | $(".num .sub").click(function(){ 4 | var num = parseInt($(this).siblings("span").text()); 5 | if(num<=1){ 6 | $(this).attr("disabled","disabled"); 7 | }else{ 8 | num--; 9 | $(this).siblings("span").text(num); 10 | //获取除了货币符号以外的数字 11 | var price = $(this).parents(".number").prev().text().substring(1); 12 | //单价和数量相乘并保留两位小数 13 | $(this).parents(".th").find(".sAll").text('￥'+(num*price).toFixed(2)); 14 | jisuan(); 15 | zg(); 16 | } 17 | }); 18 | $(".num .add").click(function(){ 19 | var num = parseInt($(this).siblings("span").text()); 20 | if(num>=5){ 21 | confirm("限购5件"); 22 | }else{ 23 | num++; 24 | $(this).siblings("span").text(num); 25 | var price = $(this).parents(".number").prev().text().substring(1); 26 | $(this).parents(".th").find(".sAll").text('￥'+(num*price).toFixed(2)); 27 | jisuan(); 28 | zg(); 29 | } 30 | }); 31 | //计算总价 32 | function jisuan(){ 33 | var all=0; 34 | var len =$(".th input[type='checkbox']:checked").length; 35 | if(len==0){ 36 | $("#all").text('￥'+parseFloat(0).toFixed(2)); 37 | }else{ 38 | $(".th input[type='checkbox']:checked").each(function(){ 39 | //获取小计里的数值 40 | var sAll = $(this).parents(".pro").siblings('.sAll').text().substring(1); 41 | //累加 42 | all+=parseFloat(sAll); 43 | //赋值 44 | $("#all").text('￥'+all.toFixed(2)); 45 | }) 46 | } 47 | 48 | } 49 | //计算总共几件商品 50 | function zg(){ 51 | var zsl = 0; 52 | var index = $(".th input[type='checkbox']:checked").parents(".th").find(".num span"); 53 | var len =index.length; 54 | if(len==0){ 55 | $("#sl").text(0); 56 | }else{ 57 | index.each(function(){ 58 | zsl+=parseInt($(this).text()); 59 | $("#sl").text(zsl); 60 | }) 61 | } 62 | if($("#sl").text()>0){ 63 | $(".count").css("background","#c10000"); 64 | }else{ 65 | $(".count").css("background","#8e8e8e"); 66 | } 67 | } 68 | /*****************商品全选***********************/ 69 | $("input[type='checkbox']").on('click',function(){ 70 | var sf = $(this).is(":checked"); 71 | var sc= $(this).hasClass("checkAll"); 72 | if(sf){ 73 | if(sc){ 74 | $("input[type='checkbox']").each(function(){ 75 | this.checked=true; 76 | }); 77 | zg(); 78 | jisuan(); 79 | }else{ 80 | $(this).checked=true; 81 | var len = $("input[type='checkbox']:checked").length; 82 | var len1 = $("input").length-1; 83 | if(len==len1){ 84 | $("input[type='checkbox']").each(function(){ 85 | this.checked=true; 86 | }); 87 | } 88 | zg(); 89 | jisuan(); 90 | } 91 | }else{ 92 | if(sc){ 93 | $("input[type='checkbox']").each(function(){ 94 | this.checked=false; 95 | }); 96 | zg(); 97 | jisuan(); 98 | }else{ 99 | $(this).checked=false; 100 | var len = $(".th input[type='checkbox']:checked").length; 101 | var len1 = $("input").length-1; 102 | if(len2016-12-03 17:12:00
110 |妥投投递并签收，签收人：他人收 他人收
111 |2016-12-03 09:55:00
114 |深圳市南油速递营销部安排投递（投递员姓名：六六六 115 | 18766677721;联系电话：）
116 |2016-12-03 02:20:00
119 |到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）
120 |2016-12-02 17:12:00
123 |离开中山市 发往深圳市（经转）
124 |2016-12-02 09:12:00
127 |到达广东省邮政速递物流有限公司中山三角邮件处理中心处理中心（经转）
128 |2016-12-01 17:12:00
131 |离开泉州市 发往中山市
132 |2016-12-01 12:12:00
135 |泉州市速递物流分公司南区电子商务业务部已收件，（揽投员姓名：六六六;联系电话： 136 | 15514257454）
137 |
400-800-8200
169 |
178 | 7天无理由退货
179 | 
182 | 15天免费换货
183 | 
186 | 满599包邮
187 | 
190 | 手机特色服务
191 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
195 | 违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
400-800-8200
176 |
183 | 7天无理由退货
184 |
187 | 15天免费换货
188 |
191 | 满599包邮
192 |
195 | 手机特色服务
196 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
200 | 违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
98 | 支付成功
99 | 
100 |
支付成功！剩余5秒返回订单页
103 |
109 | 
110 | 
197 | 7天无理由退货
198 |
201 | 15天免费换货
202 |
205 | 满599包邮
206 |
209 | 手机特色服务
210 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
214 | 违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
112 | [羊羊羊][退出登录]
113 | 114 | 132 |
143 |
144 | 姓 名：杨小黄
149 |联系电话：157*****121
150 |收货地址：河北 唐山市 路北区 高新软件园
151 |支付方式：在线支付
155 |送货时间：不限送货时间
156 |运费：¥0
160 |订单金额：¥99
161 |实付金额：¥99
162 |400-800-8200
199 |
206 | 7天无理由退货
207 |
210 | 15天免费换货
211 |
214 | 满599包邮
215 |
218 | 手机特色服务
219 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
223 | 违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
110 | [羊羊羊][退出登录]
111 | 112 | 130 |
135 | 六六六修改个人信息>
136 |400-800-8200
198 |
204 | 7天无理由退货
205 |
208 | 15天免费换货
209 |
212 | 满599包邮
213 |
216 | 手机特色服务
217 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
221 | 违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
110 | [羊羊羊][退出登录]
111 | 112 | 130 |
400-800-8200
219 |
226 | 7天无理由退货
227 |
230 | 15天免费换货
231 |
234 | 满599包邮
235 |
238 | 手机特色服务
239 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
243 | 违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
98 | 
112 | 
160 | 
400-800-8200
233 |
241 | 7天无理由退货
242 |
245 | 15天免费换货
246 |
249 | 满599包邮
250 |
253 | 手机特色服务
254 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
258 | 违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
112 | [羊羊羊][退出登录]
113 | 114 | 132 |
138 | 添加新地址
139 | 六六六
142 |1573****666
143 |河北省 唐山市 路北区
144 |唐山市大学生公寓村（063000）
145 |400-800-8200
232 |
241 | 7天无理由退货
242 |
245 | 15天免费换货
246 |
249 | 满599包邮
250 |
253 | 手机特色服务
254 | 最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号
258 | 违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
