酷狗音乐的动效界面（移动端）

提示：
1.swiper是纯JavaScript打造的滑动特效插件，面向pc、平板等移动终端。
2.能实现触碰焦点图、触碰tab切换的常用特效
3.swiper开源、免费、稳定、功能强大，是架构移动端网站的重要选择！

---

如何使用swiper：

1.引入swiper对应的css和js文件
2.按照框架需求搭建三层结构
3.创建一个swiper对象，将容器元素传递给

---

---

详细步骤：

步骤一：

步骤二：
css进行基本定位：

步骤三：
swiper实现不同类型划入特效（参考文档选用）

css中同时加入放大缩小的特效：

---

实现效果：

---

---

制作回顾

• 添加动态图标
  期望:在每个背景上添加一个动态标志
  步骤：

1.在每层div下插入img

2.渲染样式：position绝对定位、left调整位置、animation建个闪烁动画

所思考的问题：
body有了背景图片。在html中插入一个img图片