多语言展示
当前在线:406今日阅读:154今日分享:43

如何在H5中做物体的弹跳动画效果

我们在H5里面做出一些动感的效果是非常吸引人的,这些丰富的动画效果让H5页面的关键元素更加的突出,在信息的表达上面也是更加的生动。弹跳的动画效果是很容易实现的,我们就通过实例来操作一下。
工具/原料

H5

方法/步骤
1

先点中一下这个蓝色的球体,我们找到窗口中的动画选项,选择一下第一个的弹跳选项就可以了。

2

在动画窗口进行一个参数的设置,这个参数包括弹跳的次数、时间等关键参数。

3

预览。我们可以找到菜单下方的预览按钮,点击一下就可以在一个手机的界面看一下这个弹跳的动画的执行效果。

4

在手机的界面我们可以清楚的看清每一个细节,如果对于这个动画的某些设置不太满意,你可以重新回到编辑界面进行一定的调整。

5

事件。我们还可以给这个物体增加一个事件,这个事件就是人们在这个物体上操作鼠标的时候被激发出来的。

6

事件的形式有很多,有的是直接引导向打电话,有的就是点击一个指定的链接,有的就是发邮件,有的就是提交表单。这些事件可以很好的完成目标用户的要求。

推荐信息