网页设计与制作 课件 o23 第三阶段复习.pptxVIP

;入门测

作业分析

知识回顾

创建关键帧动画

设置animation动画;本任务实现网页中常见的左滑效果。每次滑过一张图，然后停顿一会儿，再滑过下一张图。

要求如下：

一共8张图

页面可视区域为1200px,显示6张图;需要多少张图片，才能无缝流畅显示？

假设：原图共N张，可见区域能同时显示M张。

则：实际需要摆放N+M张（第1-M张图）

;divclass=wrap

divclass=pics

div1.绿水青山就是金山银山/div

div2.低碳出行br绿色随行/div

div3.爱绿护绿br保护地球环境/div

……

div8.碧水蓝天br你我共建/div

!--重复前6张--

div1.绿水青山就是金山银山/div

div2.低碳出行br绿色随行/div

……

div6.植树添新绿br山河焕生机/div

/div

/div;盒子大小设置？

页面可视区域为1200px,可见区域6张图，共8张图。

可见区：1200px

每张图：200px(包括5px的内边距）

内容区域：200*（8+6）=2800px;关键帧动画中，时间怎么分配？

以8张图为