iH5基础教程为H5添加事件动效.docx

上传人:牧羊曲112 文档编号:3158787 上传时间:2023-03-11 格式:DOCX 页数:3 大小:37.17KB
返回 下载 相关 举报
iH5基础教程为H5添加事件动效.docx_第1页
第1页 / 共3页
iH5基础教程为H5添加事件动效.docx_第2页
第2页 / 共3页
iH5基础教程为H5添加事件动效.docx_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

《iH5基础教程为H5添加事件动效.docx》由会员分享,可在线阅读,更多相关《iH5基础教程为H5添加事件动效.docx(3页珍藏版)》请在三一办公上搜索。

1、iH5基础教程为H5添加事件动效iH5基础教程:为H5添加事件、动效 第一步: 1、 在对象树选中舞台 2、点击工具栏的页面工具,添加两个页面 3、页面1背景颜色设置为黑色。 第二步: 1、 页面1里添加木牌,发光罐子和罐子三张图片。 2、 隐藏发光罐子,即隐藏对象树发光罐子前面的勾,之后设置事件使其显示。 3、 在对象树里选中页面1,点击中文字体工具法罐”、“释放爱的魔力”。 ,添加中文字体“点击魔4、选中中文字体,点击工具栏添加动效。两个中文字体要依次出现,所以第一个中文字体的动效触发后延时0秒,第二个中文字体的动效触发后延时1秒。 4、 选中木牌,点击工具栏动效工具之后用事件触发它播放。

2、 ,自动播放NO,开始前隐藏YES,第三步: 1、选中罐子图片,点击工具栏事件工具动效开始。 ,点击罐子,发光图片显示,木牌2、 选中木牌,添加事件,点击木牌,目标对象舞台,目标动作跳转页面2。 第四步: 1、选中页面2,点击工具栏透明按钮工具性面板x坐标0,y坐标0, ,在舞台上拉出一个框,调整属3、 透明按钮下添加背景图片 4、 选中页面2,点击工具栏时间轴工具具,选中时间轴,点击工具栏图片工,添加关,添加4张流星图片,选中图片,点击工具栏轨迹工具键帧控制流星的运动。 第五步: 1、选中页面2,点击图片工具,添加一个查看详情的图片。 2、选中图片,点击工具栏的动效和事件工具,事件触发条件手

3、指按下,目标对象舞台,目标动作打开网页,资源位置处输入一个网址。注意手机案例触发条件应使用手指按下。 重点控件:事件、中文字体、动效 其他相关控件:页面、图片、时间轴 知识点: 触发后延时是指缓动在被触发执行以后,会在设定的延时时间以后播放,单位是秒。两个中文字体先后出现,可以用触发后延时来控制,动效1的触发后延时为0,动效2的触发后延时为1。 重点事件: 1、 触发图片显示: 触发对象:罐子, 触发条件:点击, 目标对象:发光罐子, 目标动作:显示。 2、 触发动效开始: 触发对象:罐子, 触发条件:点击, 目标对象:木牌动效, 目标动作:开始。 3、 跳转页面: 触发对象:木牌, 触发条件:点击, 目标对象:舞台, 目标动作:跳转页面。选择一个页面。 4、 打开网页: 触发对象:查看详情, 触发条件:点击, 目标对象:舞台, 目标动作:打开网页。资源位置处填写一个网址。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 生活休闲 > 在线阅读


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号