查看: 3676|回复: 0

[使用教程] 免费的零代码H5特效制作教程

[复制链接]

0

主题

15

回帖

25

积分

会员

Rank: 5Rank: 5

积分
25
发表于 2015-8-26 15:56:49 | 显示全部楼层 |阅读模式
尹广磊公众帐号
随机页面抽奖:按下开始按钮以后,会随机跳转页面,按下停止按钮后,页面跳转会停止,这样就形成了一个随机页面抽奖的效果。

5.3随机页面抽奖74.png



1.登录。百度搜索找到互动大师官网,注册账号并登录。

5.3随机页面抽奖102.png

2.创建作品。在“我的作品”里创建一个新的手机案例,进入编辑页面。

5.3随机页面抽奖137.png




3.用图片、页面和层工具添加抽奖背景和抽奖页面。因为页面不会一起显示,所以在12个页面下分别添加12个不同的抽奖图,形成不同的抽奖页面。在这里用层工具作为一个容器,里面包含背景图片和背景框。

5.3随机页面抽奖234.png




4.在舞台下再添加一个层,层下面添加开始按钮和停止按钮,用于抽奖。

5.3随机页面抽奖269.png




5. 添加一个时间长是0.1秒的时间轴,时间轴作为一个时间容器下面加事件,时间轴播放结束跳转随机页面。(这里设置的页面跳转时间是0.1秒,大家也可以设置别的时间)

5.3随机页面抽奖352.png




6.在开始按钮下添加事件,触发时间轴播放。对开始图片设置点击触动时间轴的继续播放,即随机页面的跳转。

5.3随机页面抽奖404.png




7.停止按钮添加事件控制时间轴的停止。对停止图片设置点击暂停时间轴的播放,这样就停在了一个抽奖页面。

5.3随机页面抽奖456.png




8.最后就是保存作品了,点击舞台上方的保存按钮,会弹出保存信息的一个框,我们可以自己设置作品的标题,介绍,上传作品的封面(封面图大小为200*200),设置作品分类和状态(公开状态下他人才能通过链接看到你的作品)。

5.3随机页面抽奖565.png






任何技术性的问题可以加入“VXPLO互动大师技术服务”群:301817884
或者点击“VXPLO互动大师”直接进入官网体验
VXPLO互动大师欢迎对交互设计有想法的各位朋友们的加入!
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-6-20 05:49

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表