文档库

最新最全的文档下载
当前位置:文档库 > H5页面设计热门案例教程:新年H5

H5页面设计热门案例教程:新年H5

自从截屏组件优化后,有些效果的实现方式就更加简单,比如,以前想要截取切换到某一张画面时的截图,需要用多个元素的显示隐藏来代替完成,设置过程复杂。

今天就以一个案例来为大家讲解:幻灯、序列帧组件参与截屏可实现的效果以及设置。

案例展示

H5页面设计热门案例教程:新年H5

作品链接:http://www.wendangku.net/doc/6e0ca946ae1ffc4ffe4733687e21af45b307fe33.html/v2/manage/book/hysiki/

案例用到的组件:

截屏组件/微信头像/幻灯组件/序列帧组件/按钮组件/全局变量

具体设置

一、先添加序列帧组件

1.在页面中用序列帧组件添加多张背景图

∙设置序列帧的播放为循环;

∙间隔的时间可以自己设置,我这里是0.08秒;

∙不要勾选可滑动,方式自动播放跟滑动播放冲突;