基于HTML实现的红色的京东商城购物网站html源码网页(含HTML源代码).zip

共32个文件

jpg：25个

html：4个

css：2个

105 浏览量 2024-04-25 00:42:45 上传评论收藏 527KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML实现的红色的京东商城购物网站html源码网页(含HTML源代码).zip （32个子文件）

shop

details.html 7KB

jquery-1.7.2.min.js 93KB

css

style.css 98KB

css.css 7KB

index.html 6KB

screen.html 5KB

images

mai.jpg 5KB

img_6.jpg 5KB

img_2.jpg 10KB

buttom.jpg 24KB

card.jpg 1KB

img_5.jpg 55KB

banner.jpg 87KB

f.jpg 1KB

rg.jpg 1KB

top_img.jpg 70KB

jia.jpg 1KB

shop.jpg 5KB

foot.jpg 114KB

img_3.jpg 10KB

img_4.jpg 25KB

icon.jpg 1KB

icon_3.jpg 2KB

icon_2.jpg 3KB

mail.jpg 3KB

icon_1.jpg 1KB

jian.jpg 1KB

mail_1.jpg 8KB

logo.jpg 10KB

lf.jpg 1KB

img_1.jpg 55KB

cart.html 7KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> <link rel="stylesheet" type="text/css" href="./css/css.css"> <script type="text/javascript" src='js/jquery-1.7.2.min.js'></script> <link rel="stylesheet" href="css/style.css"> <script type="text/javascript"> $(function(){ $('.nav_mini ul li').hover(function(){ $(this).find('.two_nav').show(100); },function(){ $(this).find('.two_nav').hide(100); }) $('.left_nav').hover(function(){ $(this).find('.nav_mini').show(100); },function(){ $(this).find('.nav_mini').hide(100); }) $('#jia').click(function (){ $('input[name=num]').val(parseInt($('input[name=num]').val())+1); }) $('#jian').click(function (){ $('input[name=num]').val(parseInt($('input[name=num]').val())-1); }) $('.Caddress .add_mi').click(function(){ $(this).css('background','url("images/mail_1.jpg") no-repeat').siblings('.add_mi').css('background','url("images/mail.jpg") no-repeat') }) }) var x=Array(); function func(a,b){ x[b]=a.html(); alert(x) a.css('border','2px solid #f00').siblings('.min_mx').css('border','2px solid #ccc'); } </script> </head> <style type="text/css"> td{vertical-align: middle !important;} .form-group{padding: 5px 0;} </style> <body> <div class="top"> <div class="top_text"> <a href="">用户登录</a> <a href="">用户注册</a> <a href="">供应商登录</a> <a href="">供应商注册</a> </div> </div> <div class="top_img"> <img src="./images/top_img.jpg" alt=""> </div> <div class="search"> <div class="logo"><img src="./images/logo.jpg" alt=""></div> <div class="search_on"> <div class="se"> <input type="text" name="search" class="lf"> <input type="submit" class="clik" value="搜索"> </div> <div class="se"> <a href="">取暖神奇</a> <a href="">1元秒杀</a> <a href="">吹风机</a> <a href="">玉兰油</a> </div> </div> <div class="card"> <a href="">购物车<div class="num">0</div></a> </div> </div> <div class="Caddress"> <div class="Ccart" data-toggle="modal" data-target="#mymodal-data">使用新地址</div> <div class="add_mi"> <p style="border-bottom:1px dashed #ccc;line-height:28px;">浙江杭州(爸爸收)</p> <p>萧山北干明怡花苑53幢3单元 13735683918</p> </div> <div class="add_mi"> <p style="border-bottom:1px dashed #ccc;line-height:28px;">浙江杭州(爸爸收)</p> <p>萧山北干明怡花苑53幢3单元 13735683918</p> </div> <div class="add_mi"> <p style="border-bottom:1px dashed #ccc;line-height:28px;">浙江杭州(爸爸收)</p> <p>萧山北干明怡花苑53幢3单元 13735683918</p> </div> <div class="add_mi"> <p style="border-bottom:1px dashed #ccc;line-height:28px;">浙江杭州(爸爸收)</p> <p>萧山北干明怡花苑53幢3单元 13735683918</p> </div> <div class="add_mi"> <p style="border-bottom:1px dashed #ccc;line-height:28px;">浙江杭州(爸爸收)</p> <p>萧山北干明怡花苑53幢3单元 13735683918</p> </div> </div> <div class="Cbox"> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>商品图片</th> <th>商品名称</th> <th>商品属性</th> <th>商品价格</th> <th>商品数量</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td><img src="images/icon_2.jpg" alt=""></td> <td>商品名称</td> <td> 颜色：<span style='color:#ccc'>白色</span><br> 尺码：<span style='color:#ccc'>L</span> </td> <td>199.00</td> <td><input type="text" name="min" value="1" style="width:50px;text-align:center"></td> <td>删除</td> </tr> <tr> <td><img src="images/icon_2.jpg" alt=""></td> <td>商品名称</td> <td> 颜色：<span style='color:#ccc'>白色</span><br> 尺码：<span style='color:#ccc'>L</span> </td> <td>199.00</td> <td><input type="text" name="min" value="1" style="width:50px;text-align:center"></td> <td>删除</td> </tr> <tr> <td><img src="images/icon_2.jpg" alt=""></td> <td>商品名称</td> <td> 颜色：<span style='color:#ccc'>白色</span><br> 尺码：<span style='color:#ccc'>L</span> </td> <td>199.00</td> <td><input type="text" name="min" value="1" style="width:50px;text-align:center"></td> <td>删除</td> </tr> </tbody> </table> </div> <div class="Cprice"> <div class="price">总价：199.00</div> <div class="jiesuan">结算</div> </div> <div class="footer"> <div class="top"></div> <div class="bottom"><img src="images/foot.jpg" alt=""></div> </div>  <div class="modal" id="mymodal-data" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title">新添收货地址</h4> </div> <div class="modal-body" style="overflow:hidden"> <div class="form-group"> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的所在地区"> </div> <br> </div> <div class="form-group"> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的详细地址"> </div> <br> </div> <div class="form-group"> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮政编码"> </div> <br> </div> <div class="form-group"> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的收货人姓名"> </div> <br> </div> <div class="form-group"> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的手机号码"> </div> <br> </div> <div class="form-group"> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的电话号码"> </div> <br> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>

评论收藏

内容反馈