一、遇问题： 　　产品说：“最近需要弄个活动发到朋友圈中，我把设计图发给你” 　　产品说：“有6张设计图，我要上下滑动翻页，都要放在一个页面中啊，还有里面图片要能动！要炫酷！，在加一个背景音乐哦” 　　我（吊小龙虾美食炸天，炫酷的，真是折磨人）：“好” 　　产品：“加油！” 　　经理：“+1” 　　老板：“+1” 　　二、解决思路： 　　1.要炫酷，要花里胡哨，自己写估计要耗电时间，算了，找插件吧 　　2.滑动翻页：为了保证用户体验，不会再去加载下一页，自己放到一个页面，所以每个页面放到一个DIV中，通过滑动来显示指定DIV 　　2.动画效果:自己使用CSS插件：animate 　　三、伪代码 　　html 　　 四、解析 　　使用到小龙虾美食的是swiper插件做滑动翻页，一般做活动广告宣传发到朋友圈，简单上手，有炫酷。 　　五、地址 　　[演示地址](http://47.105.36.188:3030/toutiao/Swiper上下滑动翻页面带背景音乐/index.html) 　　[源代码下载](https://github.com/harryluo163/toutiao/tree/master/Swiper上下滑动翻页面带背景音乐)
小龙虾