微信H5滑动页面创意展示特效
微信环境下的 H5 微场景页面，适合搞点创意展示，像品牌宣传、活动预热、产品这些，做出来效果挺吸睛的。
HTML5 的结构加上 CSS3 的动效，再配点 JavaScript 交互，整一套滑动切页的体验，感觉就像在翻杂志。适合在手机上刷一刷，交互自然，视觉也不赖。
像你想做那种滑动效果强一点的页面，推荐用Swiper.js，配合CSS3 的 transform和transition，滑起来贼顺滑。要是想加点动画，animation和requestAnimationFrame也是老搭档了。
页面布局呢，flexbox挺好用，配合媒体查询，手机屏、平板屏都能适配得不错。图片多的话，记得提前压缩，images目录的资源可以用工具压一压，加载会快不少。
另外，如果你要跟微信接口打交道，比如分享页面、微信支付，那就得用微信 JS-SDK，开发的时候直接配合微信开发者工具调试，别忘了配置好jsapi_ticket。
代码组织方面，index.html主页面入口，js和css目录下的文件就是你要重点看、改的地方。逻辑和样式都集中在那里，改起来比较方便。
如果你正好想做一套展示页，可以先看看这个 H5 微场景的源码，嗯，蛮实用的，照着改一改就能直接用。想深入了解的话，下面这几个链接也可以点开看看。
文件大小：7.64MB
评论区