每次QQ有新的重要版本发布时，移动端的介绍使用了HTML5页面，通过7个独立的页面简洁地介绍了它的主要功能。在每个页面切换时伴随着背景图片的切换，让介绍页面生动有趣。

我们来看看如何实现这种APP介绍页面的效果，点击下方的链接查看完成后的效果，下面是完成后的效果图：

点击查看完成后的效果 （内有源文件和相关资源素材）

一、实现思路

1、使用第一个动态面板显示7个介绍页面

2、使用第二个动态面板显示背景图片的切换

3、在向上和向下拖动介绍页面时，触发背景图片动态面板的状态切换

4、首页的向上箭头动画，通过元件的显示与隐藏实现循环动画效果

5、准备资源：资源包括介绍页面上的图片，通过查看源代码，样式表从中获取图片位置并下载，最终下载后的资源如下图所示（从演示页面下载源文件）：

二、实现步骤