html5页面拨打电话,5.添加页面/设置点击拨打电话

1.新增页面。新建的作品里默认是两页,这时候制作第三页需要我们自己新建。这与PPT有些类似,在第二页页面上右击,点击新增空白页;

4bc481f449ff7ab471946922bd70d136.png

2.第三页新建的画布。

c093ef7e3588d021f36d34ca3bc24778.png

3.素材上传/摆放/设置动画及播放次序。上两节我们已经讲过如何上传,素材的位置的调整以及添加动画的方法,这里我们就不多介绍了。

4.动画具体参数设置为,动画1-5设置动画效果均为飞入,持续时间为2秒,和上一个一起开始,动画效果为Power4.easeOut,飞入方向为底部,路径长度为150像素,动画1延迟0秒,动画2延迟0.1秒,动画3延迟0.2秒,动画4延迟0.3秒,动画5延迟0.4秒,这样动画就有运动的层次关系了,底部遮挡黑色透明图片动画效果也可采用同样的参数设置;

d679e26ce65bda9286f702339a75f6ca.png

5.动效具体参数设置为,动效1-5设置出现动效均为X轴向内翻转,动效1延迟0.5秒,动效2延迟0.6秒,动效3延迟0.7秒,动效4延迟0.8秒,动效5延迟0.9秒,这样动效也有了运动的层次关系;

fba0b66db62dad9615030840b9007b92.png

6.设置旋转动画,我们为圆环添加旋转动画,动画持续时间为6秒,重复次数为一直播放到该页结束,点击确认按钮;

4fab7eee87726ceda3f2fa549f14230f.png

7.点击拨打电话。我们想要用户点击电话号码就能快捷拨号,我们选中电话号码这个图片素材,在右侧的设置面板中点击触发器选项,点击“+”号添加触发动作;

b77d20e4553a2c90939b89df22156045.png

8.设置面板的左侧出现触发器设置面板,我们点击触发器行为,选择拨打电话,输入对应的电话号码,对区号部分请用括号,如 (021)360360360 将区号点击确认按钮。

e1d600fb5dad9d7087f4fe7bb1201bc2.png

9.预览动画。点击左上角预览按钮,选择预览当前页,预览当前页效果。

195d27c055e4afdf564baf8fa3d9453c.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值