京东首页制作html+css+js

index部分：

    
    
    
    
    
    
    
    
    
    
    
    





    
        
            
            湖南
        
        
            

                

                    你好，请登录
                    免费注册
                
                

                

                    我的订单
                
                

                

                    我的京东
                    
                

                

                

                    京东会员
                
                

                

                    企业采购
                
                

                

                    客户服务
                    
                

                

                

                    网站导航
                    
                

                

                

                    手机京东
                    
	  	  	   	  			 
	  	  	   	  			 
	  	  	   	  		
                
            

        
    





    
        京东
    
    
        
        
        
    
    
        
        我的购物车
        0
    
    
        

            
运动出游惠
            
图书钜惠
            
电脑免息
            
品质男装
            
抢拍好车
            
旅游大奖
            
品质家具
            
牛排
            
国庆放假
        
    
    
        

            

                秒杀
            
            

                优惠券
            
            

                PLUS会员
            
            

                品牌闪购
            
            

                拍卖
            
            

                京东家电
            
            

                京东超市
            
            

                京东生鲜
            
            

                全球国际
            
            

                京东金融
            
        
    





    
        
            
                

                    

                        家用电器
                    
                    

                        手机 / 运营商 / 数码
                    
                    

                        电脑 / 办公
                    
                    

                        家居 / 家具 / 家装 / 厨具
                    
                    

                        男装 / 女装 / 童装 / 内衣
                    
                    

                        美妆 / 个护清洁 / 宠物
                    
                    

                        女鞋 / 箱包 / 钟表 / 珠宝
                    
                    

                        男鞋 / 运动 / 户外
                    
                    

                        房产 / 汽车 / 汽车用品
                    
                    

                        母婴 / 玩具乐器
                    
                    

                        食品 / 酒类 / 生鲜 / 特产
                    
                    

                        艺术 / 礼品鲜花 / 农资绿植
                    
                    

                        医药保健 / 计生情趣
                    
                    

                        图书 / 文娱 / 教育 / 电子书
                    
                    

                        机票 / 酒店 / 旅游 / 生活
                    
                    

                        理财 / 众筹 / 白条 / 保险
                    
                    

                        安装 / 维修 / 清洗 / 二手
                    
                    

                        工业品
                    
                
            

            
                
                    
                    

                        

                        

                        

                        

                        

                        

                        

                        

                    
                    
                
                
                    
                    
                
            
            
            

            
                
                    
                    
                        
                            
                        
                        
                            
Hi~欢迎逛京东
                            
                                登录|                                注册                            
                        
                    
                    
                    
                        新人福利
                        PLUS会员
                    
                
                
                
                    
                        京东快报
                        更多
                            >
                        
                    
                    
                        
                            HOT
                            RTX2060显卡加持...
                        
                        
                            热门
                            处女座福音！超续航...
                        
                        
                            最新
                            什么是宝宝“转奶”...
                        
                        
                            推荐
                            聆听高品质音乐，你还...
                        
                    
                
                
                    
                
            	
        
		
		
		
		
		
			
		
				

					

						
						
皮毛一体外套麂皮绒短款机车服女休闲夹克冬季
					
					

						
						
撞色翻领拉链毛衣外套女秋冬针织开衫上衣
					
					

						
						
冬季高级感名媛小香风紫色羊羔毛外套女装
					
					

						
						
皮毛一体外套女冬季加厚拼接毛茸茸上衣
					
					

						
						
羊羔毛外套女冬季时髦新款毛毛大衣机车服
					
					

						
						
绿色V领毛衣女小众设计感秋冬加厚针织衫上衣
					
					

						
						
白色加绒阔腿裤女秋冬新款小个子高腰垂感拖地裤雪尼尔直筒西装裤
					
					

						
						
EAHO复古小香风扎染渐变条纹针织毛衣开衫慵懒风宽松外套情侣
					
					

						
						
秋冬女气质御姐名媛小众别致独特小香风夹棉加厚不规则咖色外套春
					
					

						
						
BONELESS 基础B字胶浆印花加绒帽衫美式高街复古针织连帽卫衣
					
				
			
		
		
		
		
    





    
        
            

                

                    多
                    品类齐全，轻松购物
                
                

                    快
                    多仓直发，极速配送
                

                

                    好
                    正品行货，精致服务
                

                

                    省
                    天天低价，畅选无忧
                

            

        
    
    
        

            
购物指南
            
购物流程
            
会员介绍
            
生活旅行
            
常见问题
            
大家电
            
联系客服
        
        

            
配送方式
            
上门自提
            
211限时达
            
配送服务查询
            
配送费收取标准
            
海外配送
        
        

            
支付方式
            
货到付款
            
在线支付
            
分期付款
            
公司转账
        
        

            
售后服务
            
售后政策
            
价格保护
            
退款说明
            
返修/退换货
            
取消订单
        
        

            
特色服务
            
夺宝岛
            
DIY装机
            
延保服务
            
京东E卡
            
京东通信
            
京鱼座智能
        
        

            
京东自营覆盖区县
            

                
京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
                查看详情
            
        
    
    
        
            关于我们|            联系我们|            联系客服|            合作招商|            商家帮助|            营销中心|            手机京东|            友情链接|            销售联盟|            京东社区|            风险监测|            隐私政策|            京东公益|            English Site|            Media & IR        
        
            京公网安备 11000002000088号|            京ICP证070359号|            互联网药品信息服务资格证编号(京)-经营性-2014-0008|            新出发京零 字第大120007号        
        
            互联网出版许可证编号新出网证(京)字150号|            出版物经营许可证|            网络文化经营许可证京网文[2014]2148-348号|            违法和不良信息举报电话：4006561155        
        
            Copyright © 2004 - 2020 京东JD.com 版权所有|            消费者维权热线：4006067733经营证照|            (京)网械平台备字(2018)第00003号|            营业执照        
        
            Global Site|Сайт России|            Situs Indonesia|            Sitio de España|            เว็บไซต์ประเทศไทย        
        
            京东旗下网站：京东钱包|            京东云        
		
			
		
    

.main_body  .banner  {
    height: 500px;
}
.content{
    background-color: #f6f6f6;
}
.left_banner {
    float: left;
    width: 190px;
    height: 472px;
    background-color: #fff;
    padding-top: 11px;
    box-sizing: border-box;
    margin-top: 12px;
}
.left_banner li {
    height: 25px;
    line-height: 25px;
    padding-left: 12px;
    font-size: 14px;
}
.left_banner li:hover {
    background-color: rgba(0,0,0,.5);
}
.left_banner a:hover{
    color: red;
}
.middle_banner {
    float: left;
    width: 789px;
    height: 472px;
    margin-top: 12px;
    margin-left: 11px;
}
.right_banner {
    margin-top: 12px;
    float: right;
    height: 472px;
    width: 190px;
    background-color: #fff;
}
.top_user {
    height: 106px;
    border-bottom: 1px solid #ccc;
    padding: 20px 16px 0px 16px;
    box-sizing: border-box;
}
.top_user .no_login{
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    float: left;
}
.top_user .no_login  img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.top_user .text {
    float: left;
    margin-left: 10px;
}
.top_user .text p {
    margin-bottom: 5px;
}
.buttons a {
    width: 70px;
    height: 24px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 24px;
    background-color: #e01222;
    margin-top: 10px;
    border-radius: 10px;
}
.buttons .plus{
    background-color: #363634;
}
.right_banner .title{
    height: 132px;
    padding: 0px 15px;
}
.right_banner .title .top_title{
    margin-top: 8px;
    height: 26px;
    line-height: 26px;
}
.right_banner .title .top_title .hot_title{
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}
.right_banner .title  .title_span{
    float: right;
    padding-left: 5px;
    font-family: "黑体";
 }
.right_banner .title .top_title a{
    float: right;
}
.title .content_title .public{
    height: 20px;
    line-height: 20px;
    margin-bottom: 6px;
}
.title .content_title .public a:first-child{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 30px;
    margin-top: 5px;
    text-align: center;
    background-color: rgba(0,0,0,.1);
    margin-right: 7px;
    color: red;
}
.right_banner .bottom_user{
    margin-left: -1px;
}
.right_banner .bottom_user img{
    width: 192px;
    height: 226px;
}