免费预览已结束,剩余1页可下载查看
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
iH5初级教程:掌握用H5做百度地图导航在做邀请函或活动通知H5作品的时候,最后可以告诉别人活动地址在哪里。点击页面上一键导航的按钮可以链接到百度地图。点击电话预约,会跳转到拨打电话的页面。第一步:获取百度地图链接1、打开百度地图,输入目标地点,例如广州图书馆。2、在小窗口上点击右上角三角形,再点分享。3、复制地址2、如果在手机端打开作品,避免提示下载百度地图APP,影响用户体验,可以使用第二种方法。在浏览器打开百度地图的网址,输入目标地点,广州天河汽车客运站。点击右上角地图,显示地图后,请务必点击刷新,然后复制其地址。第二步:1、在对象树选中舞台,点击工具栏透明按钮工具,并为透明按钮选择一个背景颜色,透明按钮下添加提示一键导航的文本。2、选中透明按钮,点击工具栏事件工具,添加事件,点击透明按钮,目标对象舞台,目标动作打开网页,资源位置填写百度地址。选中一键导航文本,点击工具栏事件工具,添加事件,点击文本,目标对象舞台,目标动作打开网页,资源位置填写百度地址。文本下添加事件是因为,文本是透明按钮的子对象,有可能覆盖透明按钮,添加两个事件是为了点击透明按钮位置时,一定可以触发打开百度导航的事件。第三步:电话预约的透明按钮下添加事件,点击透明按钮,目标对象舞台,目标动作拨打电话,输入一个电话号码。同理,目标动作选择发送短信,输入一个电话号码,点击按钮后手机就会跳至发送短信的界面。文本下的事件,点击文本,目标对象舞台,目标动作拨打电话。文本下添加事件是因为,文本是透明按钮的子对象,有可能覆盖透明按钮,添加两个事件是为了点击透明按钮位置时,一定可以触发拨打电话的事件。重点控件:透明按钮、文本、事件重点事件:1、 打开网页:选中打开网页的文本,添加事件,触发条件点击,目标对象舞台,目标动作打开网页,输入一个网址。2、 拨打电话:选中拨打电话的文本,添加事件,触发条件点击,目标对象舞台,目标动作拨打电话,输入一个电话号码。3、 发送短信:选中发送短信的文本,添加事件,触发条件点击,目标对象舞台,目标动作发送短信,输入一个电话号码。知识点:1、 打开百度地图,输入目标地点,点击目标地点小窗口上右上角三角形,再点分享,获得一个地址。2、 在手机端打开作品,避免影响用户体验。在浏览器打开百度地图的网址。输入目标地点,点击右上角地图,点击刷新,然后复制其地址。3、 透明按钮和文本下添加事件是因
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年江苏省仪征市高二生物下册期末考试测试卷附参考答案(达标题)
- 2026年海南省琼海市高二生物下册期末考试测试卷(培优)附答案
- 2026年江苏省兴化市高二生物下册期末考试模拟卷及完整答案【名师系列】
- 2026年山东省栖霞市高二生物下册期末考试模拟卷附答案【黄金题型】
- 2026年浙江省东阳市高二生物下册期末考试测试卷及参考答案(A卷)
- 2026年浙江省奉化市高二生物下册期末考试考试卷附完整答案【全优】
- 2026年云南省蒙自市高二生物下册期末考试模拟卷含完整答案(全优)
- 2026年广东省化州市高二生物下册期末考试试卷含答案(B卷)
- 2025年山东省高密市高二生物下册期末考试模拟卷(名校卷)附答案
- 2026年山西省汾阳市高二生物下册期末考试考试卷(各地真题)附答案
- 2026年青岛大学综合评价综合素质测试笔试+面试冲刺模拟试题(二)
- 2026年小学三年级数学第二学期期末考试卷及答案(十)
- 2026新教材语文 第5课《秋天的怀念》教学课件
- 2026年华为供应链管理岗位专业面试题与英语口语准备
- 食品安全与操作规范试题及答案
- 雨、污水管道井下有限空间作业安全专项方案
- 儿童近视防控工作制度
- 2026年广东高考物理试卷及答案
- PCI手术操作流程详解
- 工业机器人的运动学和动力学
- 普通车床主传动系统设计
评论
0/150
提交评论