swiper插件+jquery实现的一个微信动画小场景页面。
每个物体的图片通过div包裹,实现一个动画效果则给img图片加上swiper-animate-effect,duration,delay(切换动画,动画持续时间,动画延迟时间)属性,class类加上ani动画效果,如果实现二个效果则需要给div加上这些属性和类,每个物体则通过绝对定位absolute放好位置(这也是开始想实现多个动画效果而没有实现的原因所在)。
第三幅和第七幅动画根据提示语点击,js控制display来显示隐藏动画。
- 这是移动端的网页,在pc端显示会拉长画面,不适合pc端,所以应该限制pc端的使用,只有设备是移动端才可以操作动画效果
- 第三幅动画在有些手机上会出现人物下移一段距离的不兼容效果