根据PSD切割图完成了。 补充promo-nav、浮动在左侧的挡板等完成。 当然,值现在已经死了。 移动端还没有——条和视频适应。 我还没看到那里。
第一版是根据视频制作的,还写了步骤并进行了分解。 详细情况请看这个。 学习在线制作分解版。
源代码为github,新写的位于v2文件夹中。
PSD与完成版和第1版的比较:
PSD完成版第一版的具体变化如下。
本以为把头换成弹性的就完成了……但是想在后套房写的时候,后来因为辛苦没出来,所以干脆就弹性了……反正也不是不会。 (虽然趴着先写完了确实的内容,但实际做了之后发现,以下内容大部分都可以复用以前写的CSS。 轮播图(静态)完成。 这是在position上完成的。 添加了左侧的浮动窗口。 这是目前使用position :固定的; 固定在窗口窗口中。 未解决的问题:
如果要说领导人介绍哪里的话,hover的效果应该会将整个黑色区域向上延伸。 这里有高清: 100 %;原本的bottom的定位就失效了……算了,死了也不是写不出来,但是死后想打开JS进行动态的话,无法动态地匹配内容的长度也是个问题。 我忘了写某个毕业季的照片……