H5在各种媒体中的应用越来越广，本次经验就讲解下如何在H5交互动画中实现拖动功能，我们用到的软件是Mugeda在线工具，大家还可以准备一些图片素材或者要做拖动功能的H5产品。工具/原料more在线工具图片素材或者H5产品方法/步骤1/6分步阅读

首先打开在线工具

2/6

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

3/6

在舞台上输入“自由拖动”文字，如下图所示：

4/6

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

5/6

预览动画，拖动文字，大功告成，如下图所示：

6/6

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