H5在各种媒体中的应用越来越广,本次经验就讲解下如戾态菩痃何在H5交互动画中实现拖动功能,我们用到的软件是Mugeda在线工具,大家还可以准备一些图片素材或者要做拖动功能的H5产品。
工具/原料
在线工具
图片素材或者H5产品
方法/步骤
1、首先打开在线工具
2、进入到工具操作介面并添加图片元素或者输入文字
3、在舞台上输入“自由拖动”文字,如下图所示:
4、选中文字,在属性面板上展开拖动,选择【自由拖动】,如下图所示:
5、预览动画,拖动文字,大功告成,如下图所示:
6、是不是很简单,如果我们需要不同的拖动效果也可以自由设置。