<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>京东</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2758994_ee5e1ml159w.css">
</head>
<body>
<div class="header">
<div class="top">
<div class="inner">
<!-- 水平居中的代码 -->
<div class="left">
<i class="icon iconfont icon-zuobiao"></i>
<span>山西</span>
</div>
<div class="right">
<ul>
<li class="righttext">
<a href="#">你好，请登录</a>
<a href="#" class="red">免费注册</a>
</li >
<li class="rightborder"></li>
<li class="righttext">
<a href="#">我的订单</a>
</li >
<li class="rightborder"></li>
<li class="righttext wrap">
<a href="#">我的京东</a>
</li >
<li class="rightborder"></li>
<li class="righttext">
<a href="#">京东会员</a>
</li >
<li class="rightborder"></li>
<li class="righttext wrap">
<a href="#" class="red">企业采购</a>
</li >
<li class="rightborder "></li>
<li class="righttext wrap">
<a href="#">客户服务</a>
</li >
<li class="rightborder"></li>
<li class="righttext wrap">
<a href="#">网站导航</a>
</li >
<li class="rightborder"></li>
<li class="righttext">
<a href="#">企业服务</a>
</li >
</ul>
</div>
</div>
</div>
<div class="middle">
<div class="inner">
<div class="left">
<h1>
<a href="https://www.jd.com">京东</a>
</h1>
</div>
<div class="center">
<div class="centertop">
<div class="search">
<input type="text" placeholder="iphone11">
<span>
<i class="icon iconfont icon-sousuo"></i>
</span>
</div>
<div class="goods">
<img src="css/images/shopingcar.png" alt="">
<a href="../京东页面/购物车/购物车.html">我的购物车</a>
</div>
<ul>
<li ><a href="#" class="active1">萌宝闹元宵</a></li>
<li ><a href="#">家庭必备</a></li>
<li ><a href="#">空调好物</a></li>
<li ><a href="#">营养防范</a></li>
<li ><a href="#">解腻水果</a></li>
<li ><a href="#">白条免息</a></li>
<li ><a href="#">华为手机</a></li>
<li ><a href="#">华为手机</a></li>
</ul>
</div>
<div class="centerbottom">
<ul>
<li><a href="#" class="active1">秒杀</a></li>
<li><a href="#" class="active1">优惠卷</a></li>
<li><a href="#">PLUS会员</a></li>
<li><a href="#">品牌闪购</a></li>
<li><a href="#">拍卖</a></li>
<li><a href="#">京东时尚</a></li>
<li><a href="#">京东时尚</a></li>
<li><a href="#">京东时尚</a></li>
<li><a href="#">京东时尚</a></li>
<li><a href="#">京东时尚</a></li>
</ul>
</div>
</div>
<div class="right">
<a href="#"><img src="css/images/tip.webp.jpg" alt=""></a>
</div>
</div>
</div>
<div class="banner">
<div class="inner">
<div class="one">
<ul>
<li><a href="#">家用电器</a></li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
html css 原生js实现动态京东页面
版权申诉
5星 · 超过95%的资源 92 浏览量
2021-12-24
19:35:01
上传
评论 4
收藏 3.38MB ZIP 举报 
html css 原生js实现动态京东页面 （152个子文件） 
index.css 18KB reset.css 2KB
logo.gif 80KB
京东.html 32KB 购物车.html 19KB
bg.webp.jpg 336KB banner4.webp.jpg 226KB bg1.webp.jpg 204KB banner2.webp.jpg 192KB tip.webp.jpg 172KB banner3.webp.jpg 168KB phone4.jpg 148KB banner1.webp.jpg 126KB banner8.jpg 80KB banner5.webp.jpg 77KB good.png.webp.jpg 73KB n1.webp.jpg 70KB 2a.webp.jpg 70KB banner6.jpg 59KB list3.webp (1).jpg 50KB list2.webp.jpg 47KB list1.webp.jpg 44KB cp3.webp.jpg 43KB cp4.webp.jpg 42KB list3.webp.jpg 42KB banner7.jpg 36KB c1.webp.jpg 34KB p1.jpg 30KB like10.webp.jpg 24KB phone.jpg 23KB phone3.jpg 21KB like5.webp.jpg 21KB like7.webp.jpg 20KB phone2.jpg 20KB like8.webp.jpg 20KB fg.jpg 20KB like4.webp.jpg 20KB 2p.jpg.webp.jpg 20KB p3.webp.jpg 20KB fg1.webp.jpg 19KB 4p.jpg.webp.jpg 18KB like3.webp.jpg 18KB phone7.jpg 17KB like1.webp.jpg 17KB fg7.webp.jpg 16KB 1c.webp.jpg 15KB like2.webp.jpg 14KB 3p.jpg.webp.jpg 14KB 1e.webp.jpg 14KB 1b.webp.jpg 14KB like6.webp.jpg 14KB fg4.webp.jpg 12KB s2.webp.jpg 12KB phone8.jpg 12KB fg8.webp.jpg 12KB aside.jpg 12KB phone5.jpg 12KB p4.webp.jpg 11KB 2js.jpg 11KB cp9.webp.jpg 11KB fg2.webp.jpg 11KB p2.webp.jpg 10KB cp10.webp.jpg 10KB 2t.jpg.webp.jpg 10KB p1.webp.jpg 10KB fg5.webp.jpg 10KB s4.webp.jpg 10KB cp25.webp.jpg 10KB cp26.webp.jpg 10KB s3.webp.jpg 10KB s1.webp.jpg 10KB cp12.webp.jpg 10KB like9.webp.jpg 9KB 7t.webp.jpg 9KB fg6.webp.jpg 9KB 4t.webp.jpg 9KB cp24.webp.jpg 9KB 5t.webp.jpg 9KB 1d.webp.jpg 9KB j1.webp.jpg 9KB 10t.webp.jpg 9KB cp18.webp.jpg 9KB t1.webp.jpg 8KB cp1.webp.jpg 8KB cp23.webp.jpg 8KB t2.webp.jpg 8KB cp16.webp.jpg 8KB fg3.webp.jpg 8KB 9t.webp.jpg 8KB cp17.webp.jpg 8KB cp14.webp.jpg 8KB 1p.jpg.webp.jpg 7KB phone6.jpg 7KB 1t.j.webp.jpg 7KB cp5.webp.jpg 7KB p5.webp.jpg 7KB cp13.webp.jpg 7KB j11.webp.jpg 7KB cp2.webp.jpg 7KB cp11.webp.jpg 6KB共 152 条
- 1
- 2
qd_yang_
- 粉丝: 26
- 资源: 10
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发，利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法（空间杜宾模型和检验以及结果解释文档）.txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告：内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
前往页