多语言展示
当前在线:171今日阅读:75今日分享:44

如何在朋友圈h5中跳转页面、拨打电话、下载文件

工具/原料
2

2、适当的图片素材、音乐等

3

3、在线H5编辑器-VX互动大师

步骤1:新建5个页面对象、4个图标、4个页面和文本文字。
1

选中对象树的舞台,新建5个跳转页面,为了方便辨认,每页的背景颜色都设为不同的颜色,将5个页面分别选中,右键重命名为初始页面、页面1、页面2、页面3、页面4。

2

选中初始页面,上传添加4个图标

步骤2:如何通过对象跳转外链
3

选好后在‘资源位置’输入框输入网址,选择‘当前窗口打开’则网页会覆盖作品,否则会打开一个新的窗口,微信里一般设定都是当前窗口打开。

步骤3:如何拨打电话
1

同理,选中“拨打电话”,在“拨打电话”下添加一个事件。

2

将触发动作设置为最简单的点击,目标对象设为舞台,在目标动作选择拨打电话。这样当你在手机端查看案例时点击“拨打电话”文本,就会触发打电话的动作。

3

在‘号码’框输入电话号码,我们在制作时可以随意输入我要输入的电话好吗,在这里举例输入10086,手机预览即可看到手机拨号界面自动打开且号码已自动输入拨号键,只要按下拨号便能拨打该号码。

步骤4:如何下载音乐。
1

先选择一首音乐进行上传。

2

在下载音乐下面添加一个‘事件’,将音乐拖进右侧对象树的舞台中。

3

触发条件选择最简单的‘点击’,目标对象选择点击后要下载的音乐,目标动作选择‘下载‘。这样案例在预览时点击“下载音乐”就会触发动作。

4

如果需要下载的对象是直接上传的对象例如PDF、PPT等不能直接上传的文件,可以点击要选择的页面后,选择文件工具,让别人点击以后下载就可以了。

步骤5::点击按钮,直接跳转到案例中的其他页面。
1

按钮1为例,在按钮1下添加一个事件。

2

触发条件选择‘点击’,触发对象依然是‘舞台’。目标动作设置为‘转页面’,页面设置为页面1。如果设置为随机页面的话,点击跳转的页面就是随机页面。如此类推,这样设置事件,点击对象后,就能跳到你想要跳转到的页面。

注意事项
1

1、跳转页面的网址地址是直接复制到资源位置的

2

2、很多交互性能都可以通过‘事件’工具来实现的,具体仔细琢磨

推荐信息