养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何在H5交互动画中设置拖动

时间:2024-11-09 02:01:48

H5在各种媒体中的应用越来越广,本次经验就讲解下如戾态菩痃何在H5交互动画中实现拖动功能,我们用到的软件是Mugeda在线工具,大家还可以准备一些图片素材或者要做拖动功能的H5产品。

工具/原料

在线工具

图片素材或者H5产品

方法/步骤

1、首先打开在线工具

如何在H5交互动画中设置拖动

2、进入到工具操作介面并添加图片元素或者输入文字

如何在H5交互动画中设置拖动

3、在舞台上输入“自由拖动”文字,如下图所示:

如何在H5交互动画中设置拖动

4、选中文字,在属性面板上展开拖动,选择【自由拖动】,如下图所示:

如何在H5交互动画中设置拖动

5、预览动画,拖动文字,大功告成,如下图所示:

如何在H5交互动画中设置拖动

6、是不是很简单,如果我们需要不同的拖动效果也可以自由设置。

如何在H5交互动画中设置拖动

© 一点知识