<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<!-- normalize 里面css 初始化 针对浏览器 -->
<link rel="stylesheet" href="css/normalize.css" />
<!-- base 里面只写公共样式 是对京东网页 头部和底部样式 -->
<link rel="stylesheet" href="css/base.css" />
<!-- 京东首页的css 只写首页的 独有的-->
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 京东顶部开始 -->
<div class="J_event">
<a href="#" class="w">
<i></i>
</a>
</div>
<!-- 京东顶部结束 -->
<!-- 快捷导航模块制作开始 -->
<div class="shortcut">
<div class="w">
<ul class="fl">
<li>
<i class="pos"></i>
北京
</li>
</ul>
<ul class="fr">
<li>
<a href="#">
你好,请登录
</a>
<a href="#" class="style-red">
免费注册
</a>
</li>
<li class="spacer"></li>
<li>
<a href="#">
我的订单
</a>
</li>
<li class="spacer"></li>
<li class="dropdown">
<a href="#">
我的京东
</a>
<i></i>
</li>
<li class="spacer"></li>
<li>
<a href="#">
京东会员
</a>
</li>
<li class="spacer"></li>
<li>
<a href="#">
企业采购
</a>
</li>
<li class="spacer"></li>
<li class="dropdown">
<a href="#">
客户服务
</a>
<i></i>
</li>
<li class="spacer"></li>
<li class="dropdown">
<a href="#">
网站导航
</a>
<i></i>
</li>
<li class="spacer"></li>
<li style="position: relative; z-index: 1;">
<a href="#">
手机京东
</a>
<div class="erweima">
<img src="images/erweima.png" alt="">
</div>
</li>
</ul>
</div>
</div>
<!-- 快捷导航模块制作结束 -->
<!-- header 部分 start -->
<div class="header">
<div class="w inner">
<!-- logo 部分 -->
<div class="logo">
<h1>
<a href="#" title="京东网">京东</a>
</h1>
</div>
<!-- 搜索部分 -->
<div class="search">
<input type="text" value="单反相机">
<button>
<i></i>
</button>
<em></em>
</div>
<!-- 热词部分 -->
<div class="hotwords">
<a href="#" class="style-red">学生专享</a>
<a href="#">300减160</a>
<a href="#">七折返场</a>
<a href="#">骑行运动</a>
<a href="#">家电榜单</a>
<a href="#">无损播放器</a>
<a href="#">汽车脚垫</a>
<a href="#">巧克力</a>
<a href="#">铝合金门窗</a>
</div>
<!-- 购物车 -->
<div class="myCar">
<i></i>
<a href="#">我的购物车</a>
<s>0</s>
</div>
<!-- 电脑 -->
<div class="computer">
<a href="#">
<img src="images/computer.jpg" height="40" width="190" alt="">
</a>
</div>
<!-- 导航栏信息 -->
<div class="navitems">
<ul>
<li><a href="#">秒杀</a></li>
<li><a href="#">优惠券</a></li>
<li><a href="#">闪购</a></li>
<li><a href="#">拍卖</a></li>
</ul>
<div class="spacer"></div>
<ul>
<li><a href="#">京东服饰</a></li>
<li><a href="#">京东超市</a></li>
<li><a href="#">生鲜</a></li>
<li><a href="#">全球购</a></li>
</ul>
<div class="spacer"></div>
<ul>
<li><a href="#">京东金融</a></li>
</ul>
</div>
</div>
</div>
<!-- header 部分 end-->
<!-- main 部分开始 -->
<div class="jd">
<div class="w jd-inner">
<div class="jd-clo1">
<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>
<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>
</ul>
</div>
<div class="jd-clo2">
<div class="jd-clo2-hd">
<a href="#" class="arr-l"></a>
<a href="#" class="arr-r"></a>
<ol>
<li class="current"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<ul>
<li><a href="#"><img src="images/banner.jpg"></a></li>
</ul>
</div>
<div class="jd-clo2-bd">
<div class="firstPic">
<img src="images/pic1.jpg" >
</div>
<div>
没有合适的资源?快使用搜索试试~ 我知道了~
前端基础第九天.zip
共280个文件
png:175个
jpg:64个
gif:14个
0 下载量 156 浏览量
2023-12-21
09:09:13
上传
评论
收藏 63.85MB ZIP 举报
温馨提示
欢迎来到我们的WEB前端学习视频!在这个视频系列中,我们将带你深入了解WEB前端开发的基础知识和实践技巧。 这个视频系列适合那些对于网页设计和开发有兴趣的初学者和入门者。无论你是想要成为一名专业的前端工程师,还是只是想了解一些基本概念和技能,在这里你都可以获得有用的知识。 在这个系列的视频中,我们将从最基础的HTML、CSS和JavaScript开始,并逐步介绍各种前端开发的核心概念和技术。我们还将学习如何使用流行的前端框架和工具,如React、Vue.js和Webpack等,来构建功能强大、响应迅速的现代化网页应用。 这个视频系列旨在帮助你掌握前端开发所需的技能,并能够在实际项目中应用所学的知识。每个视频都将包含实际的示例代码和演示,以便你可以跟随实践并加深理解。 无论你是完全没有编程经验,还是已经有一些基础知识,这个系列的视频都会以简单易懂的方式进行讲解,帮助你逐步掌握WEB前端开发的技能。 感谢你选择我们的WEB前端学习视频!希望通过这个系列的学习,你能够在前端开发的世界中茁壮成长。如果你有任何问题,请随时提问,我们将竭诚为你提供帮助。祝你学习愉快!
资源推荐
资源详情
资源评论
收起资源包目录
前端基础第九天.zip (280个子文件)
normalize.css 8KB
normalize.css 8KB
normalize.css 8KB
base.css 7KB
base.css 6KB
index.css 5KB
index.css 2KB
Thumbs.db 2.19MB
icomoon.eot 7KB
icomoon.eot 3KB
2.gif 6.35MB
1.gif 4.06MB
lh.gif 1.85MB
hu.gif 1.83MB
hai.gif 1.78MB
shu.gif 983KB
sample1.gif 714KB
h.gif 570KB
zhen.gif 559KB
al.gif 405KB
smail.gif 122KB
hover.gif 109KB
dog.gif 35KB
box.gif 8KB
index.html 13KB
index.html 12KB
demo.html 411B
favicon.ico 25KB
favicon.ico 25KB
baby.jpeg 87KB
xiong.jpeg 25KB
gu.jpeg 18KB
car.jpg 303KB
chengshi.jpg 282KB
t.jpg 271KB
banner.jpg 238KB
cixing.jpg 219KB
ad-r.jpg 210KB
lyc.jpg 152KB
top.jpg 141KB
header.jpg 127KB
x.jpg 124KB
ax.jpg 124KB
m.jpg 121KB
tl.jpg 119KB
2.jpg 109KB
d.jpg 101KB
g.jpg 96KB
banner.jpg 95KB
rh.jpg 94KB
wxx.jpg 89KB
hb3.jpg 89KB
one.jpg 86KB
kc.jpg 81KB
shiboguan.jpg 80KB
yunzhou.jpg 78KB
bike.jpg 74KB
father.jpg 70KB
two.jpg 70KB
sun.jpg 66KB
ll.jpg 61KB
miqi.jpg 58KB
n.jpg 57KB
san.jpg 57KB
yl.jpg 56KB
no.jpg 52KB
j.jpg 47KB
xiong.jpg 45KB
1.jpg 38KB
xtf.jpg 37KB
xian.jpg 37KB
03.jpg 34KB
guai.jpg 30KB
f.jpg 30KB
s.jpg 26KB
pic2.jpg 24KB
pic1.jpg 23KB
h.jpg 23KB
wf.jpg 20KB
l.jpg 16KB
zfb.jpg 14KB
computer.jpg 14KB
xia.jpg 14KB
html.jpg 14KB
ttt.jpg 13KB
l.jpg 12KB
yiqi.jpg 11KB
r.jpg 10KB
3.jpg 10KB
ship.jpg 9KB
fu.jpg 6KB
no_login.jpg 5KB
wq.jpg 5KB
sm.jpg 4KB
logo.jpg 3KB
w.jpg 1KB
CSS.md 132KB
2017-12-12_210506.png 22.1MB
jiemian.png 2.92MB
ax.png 1.86MB
共 280 条
- 1
- 2
- 3
资源评论
白大锅
- 粉丝: 8w+
- 资源: 78
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功