iH5高级教程5交互菜单,流动的按钮特效.docxVIP

  • 39
  • 0
  • 约 12页
  • 2018-03-24 发布于贵州
  • 举报

iH5高级教程5交互菜单,流动的按钮特效.docx

iH5高级教程5交互菜单,流动的按钮特效

iH5高级教程:H5交互菜单,流动的按钮特效向上滑动页面翻页,上面的图片向上缩小,下面的图片向上切换出来,同时,流动按钮“加号”会移动位置,点开移动按钮会出一张围巾的小图,小图与模特身上的围巾是对应的,点击小图,还可以跳转到店铺。步骤:第一步:添加滑动时间轴与图片选中舞台,点击页面工具,添加一个页面。选中页面点击滑动时间轴工具,在舞台上画一个与舞台一样大的框,添加滑动时间轴。选中滑动时间轴,点击图片工具,添加10张图片做子对象。第二步:选中图片,在图片下添加轨迹。1.将页面的属性面板,剪切设为NO,就可以看到舞台外的图片。2.第一张图第一个关键点,XY坐标是(0,0),大小是640*1008,也。就是刚好放满舞台,。第二个关键点,,图片在舞台上方,大小也改变了。数值可以参考截图。3.第二张图第一个关键点,XY坐标是(0,1008),大小是640*1008,放在舞台下面,第二个关键点,图片在舞台上,大小还是满屏,第三个关键点,图片在舞台上方,并且缩小了。数值可以参考截图。其余图片也是同样的设置。第三步:添加跟随页面的流动按钮1.选中滑动时间轴,点击透明按钮工具,在舞台上画一个框,添加一个透明按钮作为容器,为容器添加一个轨迹。这个图片的轨迹就是移动到啊每一页的围巾下方。2.容器下添加一个时间轴,时间轴下添加“加号”的图片,图片下添加轨迹。加号这个图片会明暗变化,提示用户去点击。第四步:

文档评论(0)

1亿VIP精品文档

相关文档