京东首页项目作业：8天周期，注重复用性与动态效果实现.pdfVIP

项目周期：8天

作业内容京东首页全部:

示例:

pinzhuanutm_=cpcutm_campaign=t_288551095_baidupinzhuanutm_term=0f3

d30c8dba7459bb52f2eb5eba8ac7d_0_6133df494e2c4089b970db9b7f598287

1.此部分类似，相信很多同学驾轻就熟可以完成很快，

注意右侧部分的动态效果如下

鼠标悬浮上面有右侧效果

2.该部分我们会发现上，下两块各自结构样式动态效果相似，要考虑其复用性

复用性：

上半部分中某个如下:鼠标悬浮后的效果

鼠标悬浮后效果

因为上半部分的都有类似到效果，所以我们可以写一个函数，根据参数（文本信息，图

片）的不同，生成上半部分的某块单独内容（上图就是单独内容）。

下半部分也可以采取类似的办法解决。

3.该部分也要考虑复用性哦！

4.当页面到这里后，最左侧会出现一个垂直分栏，时刻对应着右面展示区域。

左侧分栏有点击的功能，点击哪个区域就会使右侧对应的部分滑动过来，我们要考虑好如何

实现。

右侧部分的布局，同样的道理，复用性很重要，同样的结构相同的