iH5高级教程:H5交互菜单,下拉菜单特效.docx_第1页
iH5高级教程:H5交互菜单,下拉菜单特效.docx_第2页
iH5高级教程:H5交互菜单,下拉菜单特效.docx_第3页
iH5高级教程:H5交互菜单,下拉菜单特效.docx_第4页
iH5高级教程:H5交互菜单,下拉菜单特效.docx_第5页
已阅读5页,还剩10页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

iH5高级教程:H5交互菜单,下拉菜单特效下拉菜单的三种不同效果。第一步:1、选中舞台,点击页面工具,添加3个页面,每个页面制作不同的下拉菜单效果。第二步:1、选中页面1,点击时间轴工具。总时长0.4秒,自动播放和循环播放为NO。2、选中时间轴,点击透明按钮工具,重命名为内容。3、选中内容透明按钮,点击轨迹工具,添加轨迹。点ADD添加关键帧,制作蓝色透明按钮往右移动的效果。4、选中内容,点击透明按钮工具,添加3个透明按钮,重命名为按钮、内容、横栏。5、选中按钮透明按钮,点击时间轴工具,制作开关动画。6、选中时间轴,点击图片工具,上传背景图片。选中图片,点击轨迹工具,制作背景往右移动的效果。7、选中时间轴,点击透明按钮工具,重命名为目录。制作目录往右移动的效果。8、选中目录,点击中文字体工具,添加5个中文字体,并制作中文字体阶梯出现的效果。9、选中按钮,点击计数器,在舞台上画一个框,添加计数器。10、点击透明按钮,在按钮图片处画一个框,选中透明按钮,添加事件工具,手指按下按钮,计数器加1。11、选中计数器添加4个事件。计数器为奇数,菜单往右移动,按钮时间轴正向播放,变成叉号。计数器为偶数时,菜单往左移动,按钮变成三行。第三步:1、页面2其他设置与页面1相同,下拉菜单的形式变成圆形。选中页面2,点击时间轴工具,添加时间轴。制作圆形慢慢放大的效果。舞台、页面属性面板剪切选NO,就可以看到舞台外的图片。第一个关键帧:中间环节:第二个关键帧:2、选中时间轴,点击透明按钮工具,添加透明按钮。3、选中透明按钮,点击中文字体,添加5个中文字体。选中中文字体,添加轨迹。第四步:1、选中页面3,点击时间轴工具,选中时间轴,点击透明按钮工具,添加2个透明按钮。选中透明按钮,点击轨迹。透明按钮1负责从显示到隐藏。透明按钮3显示文字。2、选中透明按钮3,点击中文字体工具,添加5个中文字体。3、选中中文字体,点击动效工具,为5个中文字体各添加1个动效。触发后延时分别为0、0.05、0.1、0.15、0.2。先行知识:时间轴、轨迹、事件重点控件:时间轴、轨迹、透明按钮、计数器、事件、剪切重点事件:触发对象:按钮触发条件:手指按下目标对象:计数器目标动作:加1触发对象:计数器触发条件:为奇数目标对象:时间轴目标动作:从头播放触发对象:计数器触发条件:为偶数目标对象:时间轴目标动作:反向播放TIPS:1、舞台剪切选择YES,会剪切掉舞台范围外的子对象。此案

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论