Project_01(京东首页)
关注
分享
扫一扫
Andone_hsx
本应该努力的时候，为何选择安逸
展开
-
京东首页之页面主体、配送方式
相同的原理可以完成floor2，floor3jd_index.html<!doctype html><html> <head> <title>Insert your title</title> <meta charset="utf-8"> <link rel="stylesheet" href="jd_index.css"> </he原创 2017-01-15 16:26:41 · 3656 阅读 · 0 评论 -
京东首页之页面分析
京东首页效果图：当面对一张设计师给出的网页效果时，我们切不可急忙着手去敲代码实现相应的效果。这样做可能在后续工作中会让我们因当初的考虑不周而事倍功半。所以为了防止这样的情况出现，我觉得应该按照以下步骤去执行，可能效率会更高。1、根据效果图，先分析页面的基本布局；2、从上到下，由左至右，详细分析；3、分块实现此页面分析如下：本京东首页页面由上到下共分为7个部分；分别是：页原创 2017-01-11 00:24:11 · 17561 阅读 · 0 评论 -
京东首页之页面顶部、Logo&搜索框
京东首页之页面顶部、Logo&搜索框 昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果： 下面页面布局详细分析： 1、页面头部分三个部分依次实现：五角星图、收藏京东、右边文字部分（用列表实现）； 其中当鼠标停放在手机京东上，手机背景图发生变化，变成红色带jd的图案；当原创 2017-01-12 00:06:47 · 6670 阅读 · 0 评论 -
京东首页之nav导航栏、banner广告部分、footer备案号
项目回顾：上一篇博文主要讲了如何实现京东首页的页面顶部和Logo&搜索框部分； 里面主要知识：利用列表作划分鲜明的文字部分，相对定位和绝对定位去实现弹框效果。今天我们这篇博文主要是简单介绍京东首页的banner广告部分和左侧弹窗效果实现。 下面是今天要实现的效果图： 首先我们将先对nav导航栏部分进行分析： （代码稍后一起给出！）banner广告部分页面布局分析： （具体细节实原创 2017-01-13 00:29:25 · 4655 阅读 · 2 评论