HTML5案例|如何可视化制作六一儿童节前端页面

六一儿童节又快到了，不知道各位小伙伴们准备好如何借势营销了嘛？

在准备制作之前，可以看看意派Epub360H5平台上这些H5案例，希望可以给你带来一些灵感和启发~

作品一

出品：欢庆六一｜我和祖国一起成长

风格：手绘漫画

类型：横屏H5

技术解析：

实现方式一：长按控制画面移动。主要技术使用了一个触发行为“设置元素属性的位置移动”，可移动的画面是一个layer容器，layer容器内放多个不同的元素，长按按钮，控制layer容器整体移动。

实现方式二：长按控制画面的直线运动。仍是借助盛放多个元素的layer容器，给layer容器加直线运动，长按按钮，控制layer容器的直线运动播放、暂停、继续播放。

相关教程：