h5页面设计热门案例教程：新年h5.docx

文档介绍：自从截屏组件优化后,有些效果的实现方式就更加简单,比如,以前想要截取切换到某一张画面时的截图,需要用多个元素的显示隐藏来代替完成,设置过程复杂。今天就以一个案例来为大家讲解:幻灯、序列帧组件参与截屏可实现的效果以及设置。案例展示作品链接:http://justindesign./v2/manage/book/hysiki/案例用到的组件:截屏组件/微信头像/幻灯组件/序列帧组件/按钮组件/全局变量具体设置一、;间隔的时间可以自己设置,;不要勾选可滑动,方式自动播放跟滑动播放冲突;,如图:二、添加一个按钮,————触发背景图切换暂停这样基本的控制多张背景图片的效果就完成了,接下来就是添加其他的序列帧或者幻灯组件,按照同样的方式设置播放暂停,一起来看下:三、,,,把刚才添加的两个幻灯组件追加进去,如图:,把刚才添加的两个幻灯组件追加进去,如图:、,把要截屏的元素全部添加到截屏组件中。注:截屏可截取的元素组件包括:文本(字号)/图片(圆角、边框颜色及粗细)/幻灯/序列帧/头像(含昵称)