首页 > 代码库 > 京东样式
京东样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>京东</title>
<link rel="stylesheet" href="http://www.mamicode.com/css/base.css" />
<link rel="stylesheet" href="http://www.mamicode.com/css/index.css" />
<link rel="shortcut icon" href="http://www.mamicode.com/favicon.ico"/>
</head>
<body>
<!-- 京东的头部导航nav -->
<div class="shortcut">
<div class="w">
<!--nav的left-->
<div class="fl">
<div class="dt">
送至:北京<i><s>◇</s></i>
</div>
</div>
<!--nav的right-->
<div class="fr">
<ul>
<li>
<a href="http://www.mamicode.com/#">你好,请登录</a>
<a href="http://www.mamicode.com/#" class="col-red">免费注册</a>
</li>
<li class="line"></li>
<li>我的订单</li>
<li class="line"></li>
<li class="fore">我的京东
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li >京东会员</li>
<li class="line"></li>
<li >企业采购</li>
<li class="line"></li>
<li class="fore tel-jd">
<em class="tel"></em>手机京东
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">关注京东
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">客户服务
<i><s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">网站导航
<i><s>◇</s></i>
</li>
</ul>
</div>
</div>
</div>
<!-- 京东的头部导航nav结束 -->
<!-- 京东的Topbanner部分 -->
<div class="topbanner">
<div class="w tp">
<img src="http://www.mamicode.com/img/banner.jpg" >
<a href="javascript:;" class="close-banner"></a>
</div>
</div>
<!-- 京东的Topbanner部分end -->
<!-- 京东的TopCenter部分Begin -->
<div class="w clearfix">
<div class="logo">
<!--<a href="https://www.jd.com" target="_blank" class="jd-a" title="京东">京东</a>-->
<div class="db11">
<a href="https://www.jd.com"><img src="http://www.mamicode.com/img/logo-201305.png" alt="图片没有加载出来"></a>
</div>
</div>
<div class="search">
<input type="text" name="" id="" value="http://www.mamicode.com/电池" />
<button>搜索</button>
<div class="hotwords">
<a href="" class="col-red">百元神券</a>
<a href="">满199-100</a>
<a href="">599减400</a>
<a href="">买1送1</a>
<a href="">秋收季</a>
<a href="">奶粉</a>
<a href="">毛呢大衣</a>
<a href="">新品首发</a>
</div>
</div>
<div class="car">
<a href="http://www.mamicode.com/#">我的购物车</a>
<span class="icon1"></span>
<span class="icon2">></span>
<span class="icon3">0</span>
</div>
</div>
<!-- 京东的TopCenter部分end -->
<!--nav开始-->
<div class="jd-nav" >
<div class="w">
<div class="dropdown">
<div class="dt">
<a href="http://www.mamicode.com/#">全部商品分类</a>
</div>
<div class="dd">空着 留着</div>
</div>
<div class="navitems">
<ul>
<li><a href="http://www.mamicode.com/#">服装城</a></li>
<li><a href="http://www.mamicode.com/#">美妆馆</a></li>
<li><a href="http://www.mamicode.com/#">京东超市</a></li>
<li><a href="http://www.mamicode.com/#">生鲜</a></li>
<li><a href="http://www.mamicode.com/#">全球购</a></li>
<li><a href="http://www.mamicode.com/#">闪购</a></li>
<li><a href="http://www.mamicode.com/#">团购</a></li>
<li ><a href="http://www.mamicode.com/#">拍卖</a></li>
<li class="new"><a href="http://www.mamicode.com/#">金融</a></li>
</ul>
</div>
<div class="bike">
<a href="http://www.mamicode.com/#"></a>
</div>
</div>
</div>
<!--页面的底部开始-->
<div class="footer">
<div class = "fa">
<ul>
<li class="faa"><img src="http://www.mamicode.com/img/slogen1.png"></li>
<li class="fab"><img src="http://www.mamicode.com/img/slogen2.png"></li>
<li class="fac"><img src="http://www.mamicode.com/img/slogen3.png"></li>
<li class="fad"><img src="http://www.mamicode.com/img/slogen4.png"></li>
</ul>
</div>
<div class="fb">
<div class="fba">
<ul>
<dt >
<dd><font size="24">购物指南</font></dd>
<dd>购物流程</dd>
<dd>会员介绍</dd>
<dd>生活旅行/团购</dd>
<dd>常见问题</dd>
<dd>大家电</dd>
</dt>
</ul>
</div>
<div class="fbb">
<ul>
<dt >
<dd><font size="24">配送方式</font></dd>
<dd>上门自提</dd>
<dd>211限时达</dd>
<dd>配送服务查询</dd>
<dd>配送费收取标准</dd>
<dd>海外配送</dd>
</dt>
</ul>
</div>
<div class="fbc">
<ul>
<dt >
<dd><font size="24">支付方式</font></dd>
<dd>货到付款</dd>
<dd>在线支付</dd>
<dd>分期付款</dd>
<dd>邮局汇款</dd>
<dd>公司转账</dd>
</dt>
</ul>
</div>
<div class="fbd">
<ul>
<dt >
<dd><font size="24">售后服务</font></dd>
<dd>售后政策</dd>
<dd>价格保护</dd>
<dd>退款说明</dd>
<dd>返修/退换货</dd>
<dd>取消订单</dd>
</dt>
</ul>
</div>
<div class="fbe">
<ul>
<dt>
<dd><font size="24">特色服务</font></dd>
<dd>夺宝岛</dd>
<dd>DIY装机</dd>
<dd>延保服务</dd>
<dd>京东E卡</dd>
<dd>京东通信</dd>
<dd>京东JD+</dd>
</dt>
</ul>
</div>
</div>
</div>
<!--页面的底部开始-->
<div class="jd-footer">
<div class="service">
<div class="w againw">
<div class="links">
<a href="http://www.mamicode.com/#">关于我们</a> |
<a href="http://www.mamicode.com/#"> 联系我们</a> |
<a href="http://www.mamicode.com/#">联系客服</a> |
<a href="http://www.mamicode.com/#">商家入驻</a> |
<a href="http://www.mamicode.com/#">营销中心</a> |
<a href="http://www.mamicode.com/#">手机京东</a> |
<a href="http://www.mamicode.com/#">友情链接</a> |
<a href="http://www.mamicode.com/#">销售联盟</a> |
<a href="http://www.mamicode.com/#">京东社区</a> |
<a href="http://www.mamicode.com/#">风险监测</a> |
<a href="http://www.mamicode.com/#">京东公益</a> |
<a href="http://www.mamicode.com/#">English Site</a> |
<a href="http://www.mamicode.com/#">Contact Us</a>
</div>
<div class="copyright">
京公网安备 11000002000088号 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-经营性-2014-0008 | 新出发京零 字第大120007号
互联网出版许可证编号新出网证(京)字150号 | 出版物经营许可证 | 网络文化经营许可证京网文[2014]2148-348号 | 违法和不良信息举报电话:4006561155
Copyright ? 2004 - 2016 京东JD.com 版权所有 | 消费者维权热线:4006067733
京东旗下网站:京东钱包
</div>
<div class="message">
<a href="http://www.mamicode.com/#"><img src="http://www.mamicode.com/img/mess.png" /></a>
<a href="http://www.mamicode.com/#"><img src="http://www.mamicode.com/img/mess2.png" /></a>
<a href="http://www.mamicode.com/#"><img src="http://www.mamicode.com/img/mess3.png" /></a>
<a href="http://www.mamicode.com/#"><img src="http://www.mamicode.com/img/mess4.png" /></a>
<a href="http://www.mamicode.com/#"><img src="http://www.mamicode.com/img/mess5.png" /></a>
</div>
</div>
</div>
</div>
</body>
</html>
京东样式