• 栗子chestnut24
    了解作者
  • HTML
    开发工具
  • 3.7MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 10 积分
    下载积分
  • 1
    下载次数
  • 2020-06-08 08:48
    上传日期
使用纯粹的HTML和css对京东页面进行仿写,不使用js
京东css.zip
  • jd
  • right_ad2.png
    11.2KB
  • sk_ad1.png
    2.8KB
  • teck2.png
    87.7KB
  • sk_ad4.png
    3.1KB
  • 截图3.png
    801.3KB
  • coupon_ad.png
    14.7KB
  • sk_ad3.png
    2.5KB
  • jdcss.css
    24.9KB
  • flag4.png
    354B
  • teck3.png
    142.8KB
  • duo.png
    1.5KB
  • jd.html
    246.8KB
  • sk_ad2.png
    3.7KB
  • shop_cart.png
    2KB
  • kuai.png
    1.3KB
  • flag2.png
    144B
  • right_ad3.png
    8.8KB
  • flag1.png
    535B
  • right_ad1.png
    9.2KB
  • loc.png
    357B
  • sk_right_ad.png
    22.6KB
  • list_ad1.png
    73.7KB
  • 截图1.png
    899.8KB
  • sjjd.png
    38.3KB
  • search-logo.png
    401B
  • qr_code.png
    5.6KB
  • box_top.png
    4.4KB
  • logo.gif
    243.4KB
  • 截图2.png
    430.3KB
  • hao.png
    1.4KB
  • big_ad.png
    374.7KB
  • cart_down.png
    2.8KB
  • flag5.png
    159B
  • jd_service.png
    9.1KB
  • camera.png
    475B
  • corechn1_ad2.png
    506B
  • corechn1_ad3.png
    2.1KB
  • copyright_auth.png
    19.2KB
  • corechn1_ad1.png
    420B
  • count_down.png
    11KB
  • login.jpg
    5KB
  • teck1.png
    103.1KB
  • flag3.png
    128B
  • down1.png
    196B
  • corechn1_bot.png
    913B
  • 截图4.png
    499.6KB
  • sheng.png
    1.3KB
内容介绍
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>京东(JD.COM)-正品低价、品质保障、配送即使、轻松购物!</title> <link rel="stylesheet" href="jdcss.css" type="text/css"> </head> <body> <div class="whole"> <div class="nav"> <div class="nav-1"> <ul class="nav-loc"> <li class="nav-loc1"> <div class="nav-loc2"></div> <div class="nav-word">天津</div> <div class="nav-loc-down"> <div class="nav-loc-item"> <ul class="nav-loc-word"> <li class="nav-word"><a rel='nofollow' onclick='return false;'>111</a></li> </ul> </div> </div> </li> </ul> <ul class="nav-2"> <li class="nav-2w" style="margin-left:auto;"><a href="#" class="nav-word" rel='nofollow' onclick='return false;'>你好,请登录</a></li> <li class="nav-2w"><a href="#" style="color:#f10215" rel='nofollow' onclick='return false;'>免费注册</a></li> <li class="nav-2w">|</li> <li class="nav-2w"><a href="#" class="nav-word" rel='nofollow' onclick='return false;'>我的订单</a></li> <li class="nav-2w">|</li> <li class="nav-list"> <div class="nav-list1"> <a href="#" class="nav-word" rel='nofollow' onclick='return false;'>我的京东</a> <div style="padding-left:3px;"></div> </div> <div class="nav-wdjd"> <ul class="nav-wdjd1"> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>待处理订单</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>消息</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>返修退换货</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>我的问答</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>降价商品</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>我的关注</a></li> </ul> <ul class="nav-wdjd1"> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>我的京豆</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>我的优惠券</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>我的白条</a></li> <li class="nav-wdjd2"><a rel='nofollow' onclick='return false;'>我的理财</a></li> </ul> </div> </li> <li class="nav-2w">|</li> <li class="nav-2w"> <a href="#" class="nav-word" rel='nofollow' onclick='return false;'>京东会员</a> </li> <li class="nav-2w">|</li> <li class="nav-list"> <div class="nav-list1"> <a href="#" class="nav-word" style="color:#f10215;" rel='nofollow' onclick='return false;'>企业采购</a> <div style="padding-left:3px;"></div> </div> <div> <ul class="nav-qycg"> <li class="nav-qycg1"><a rel='nofollow' onclick='return false;'>企业购<a/ rel='nofollow' onclick='return false;'></li> <li class="nav-qycg1"><a rel='nofollow' onclick='return false;'>商用场景馆<a/ rel='nofollow' onclick='return false;'></li> <li class="nav-qycg1"><a rel='nofollow' onclick='return false;'>工业品<a/ rel='nofollow' onclick='return false;'></li> <li class="nav-qycg1"><a rel='nofollow' onclick='return false;'>礼品卡<a/ rel='nofollow' onclick='return false;'></li> </ul> </div> </li> <li class="nav-2w">|</li> <li class="nav-list"> <div class="nav-list1"> <a href="#" class="nav-word" rel='nofollow' onclick='return false;'>客服服务</a> <div style="padding-left:3px;"></div> </div> <div class="nav-kffw"> <ul class="nav-kffw1"> <li class="nav-kffw2" style="color:#666666;width:100px;"><b>客户</b></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>帮助中心</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>售后服务</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>在线客服</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>意见建议</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>电话客服</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>金融咨询</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>全球售客服</a></li> </ul> <ul class="nav-kffw1"> <li class="nav-kffw2" style="color:#666666;width:100px;"><b>商户</b></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>合作招商</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>成长中心</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>商家后台</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>京麦工作台</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>商家帮助</a></li> <li class="nav-kffw2"><a rel='nofollow' onclick='return false;'>规则平台</a></li> </ul> </div> </li> <li class="nav-2w">|</li> <li class="nav-list"> <div class="nav-list1"> <a href="#" class="nav-word" rel='nofollow' onclick='return false;'>网站导航</a> <div style="padding-left:3px;"></div> </div> <div class="nav-wzdh"> <ul class="nav-wzdh-left"> <li class="nav-wzdh-word" style="color:#666666;width:250px;"><a rel='nofollow' onclick='return false;'><b>特色主题</b></a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东试用</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>全球售</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>国际站</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东试用</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>全球售</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>国际站</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东试用</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>全球售</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>国际站</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东试用</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>全球售</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>国际站</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东试用</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>全球售</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>国际站</a></li> </ul> <ul class="nav-wzdh-right"> <li class="nav-wzdh-word" style="color:#666666;width:200px;"><a rel='nofollow' onclick='return false;'><b>行业频道</b></a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>手机</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>智能数码</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>玩3C</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>手机</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>智能数码</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>玩3C</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>手机</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>智能数码</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>玩3C</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>手机</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>智能数码</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>玩3C</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>手机</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>智能数码</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>玩3C</a></li> </ul> <ul class="nav-wzdh-right"> <li class="nav-wzdh-word" style="color:#666666;width:200px;"><a rel='nofollow' onclick='return false;'><b>生活服务</b></a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东众筹</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>白条</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东众筹</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>白条</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东众筹</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>白条</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东众筹</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>白条</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东众筹</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>白条</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东金融</a></li> </ul> <ul class="nav-wzdh-right"> <li class="nav-wzdh-word" style="color:#666666;width:200px;"><a rel='nofollow' onclick='return false;'><b>更多精选</b></a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>合作招商</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东通信</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东E卡</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>合作招商</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东通信</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东E卡</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>合作招商</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东通信</a></li> <li class="nav-wzdh-word"><a rel='nofollow' onclick='return false;'>京东E卡</a></li> <li class="nav-wzdh-word"><
评论
    相关推荐