前端小练习——走马灯效果+网页页面换肤效果

• 一、需要掌握的知识？
• 二、思路
  1. 阐述及代码
  2. 运行结果

一、需要掌握的知识

1. html的background
2. 无序列表
3. 盒子模型
4. 浮动
5. css动画
6. 伪类
7. 一些css常用文本格式理解
8. javascript怎么获取页面元素
9. for循环
10. 事件的一些理解

二、思路

1.阐述及代码

首先是进行设置走马灯的效果，用的是css去设置的，先把基本html骨架写好了，就是把基本元素都给摆出来，在进行css设置，遇到的问题竖着排列解决方案：浮动，在设置盒子模型的时候超出模型宽度，所以换行，解决方案：设置ul宽度让图片在一行显示，多出的部分怎么办呢？overflow去实现，动画效果的时候有空白在展示图怎么办呢？因为一个动画即将走完的时候，正好差那两个图片就要结束的时候，要实现无痕走马灯效果，就要用那两