h5 控制页面不可以返回_h5不能翻页怎么办

如何制作带有翻页效果的免费手机H5页面?

现在有许多风靡的H5页面,这些手机H5页面的特别吸引人,那么在H5页面里如何进行手机页面的翻页特效呢?下面给大家推荐一个VX互动大师的在线工具,并用它来教大家如何制作特别的手机h5页面翻页。

步骤1:新建一个手机案例

创建手机案例,进入互动大师,点击我的作品——创建作品——手机案例2添加两个页面对象,对于舞台大小的设置,手机案例一般默认是640*1040,这是iphone6p的页面大小,这里我们使用640*1008的大小,这是iphone5s的大小,这个大小对于大多数的安卓手机也是适用的。

步骤2:单张图片的上传和修改

选中页面1,添加上传图片2将xy轴设置为0,大小设置为640*1008。这样设置便可以使图片满屏显示。

步骤3:制作动画。

添加时间轴,将图片复制,粘贴至时间轴下。为图片添加轨迹,并将时间轴设置为1秒左右。设置好图片动画时长,这样就不会出现设置的控制点动画播放完,时间轴仍然继续播放的情况。3.添加2个控制点,选中控制点1,设置透明度为0,控制点2的状态由于在设置控制点1前就已经添加,所以属性状态的透明度是与原来持同的100。这样就做出了一个渐现的效果。页面下添加2个事件,将事件1进行设置,触发对象为动作为显示,目标对象为时间轴,目标动作为从头播放,这样就能做出自动出现动画的效果。5设置事件2,触发动作为隐藏,目标对象为时间轴,目标动作为跳至某时刻,设置为0,这样做的目的是使你从下一页返回上一页时动画从头开始,可以避免返回上一页时时间轴动画播放完毕后不再播放。

步骤4:制作翻页效果。

页面切换更改为上下,滑动效果制作完成。

步骤5:更快捷地创建类似的新页面。

复制页面,先复制页面,然后在舞台下粘贴。2选中页面2的图片,替换它,上传后的图片坐标和大小会以我们前面设置好的为标准自动适配,如此类推,便可制作多页翻页特效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值