[iH5高级教程：H5创意展示上下对切特效.docxVIP

iH5高级教程：H5创意展示，上下对切特效在手指的滑动中可以同时把上下两个容器里的图片或内容进行切换，已形成相互对切的效果。下面我们来展示一下做出这样的效果所需要的步骤。第一步：1、在舞台下添加一个页面。选中舞台，在工具栏里点击页面工具，添加一个页面2、选中页面，点击工具栏里的滑动时间轴工具，在舞台上画出一个矩形，添加一个滑动时间轴。3、在滑动时间轴下添加两个透明按钮，作为存放图片的容器，分别命名为上层容器和下层容器。选中滑动时间轴1，点击工具栏下的透明按钮工具，在舞台的上方画出一个矩形，添加透明按钮，命名为上层容器。选中滑动时间轴1，点击工具栏下的透明按钮工具，在舞台的下方画出一个矩形，命名为下层容器，这两个透明按钮容器用来固定图片的位置。4、在两个透明按钮的属性设置中，剪切设置为YES 。第二步：1、在上层容器和下层容器中，各添加若干张图片。选中上层容器对象，点击工具栏里的图片工具，在上层容器框中画出一个矩形，添加图片。选中下层容器对象，点击工具栏里的图片工具，在下层容器框中画出一个矩形，添加图片。2、在每张图片下，各添加一个轨迹。选中图片上3对象，点击工具栏里的轨迹工具，添加轨迹，如此类推，每一张图片都给它一个轨迹。第三步：1、在轨迹上面添加特定的关键帧。点击Add按钮，即可在轨迹上添加关键帧。以图下3和图上3为例。首先设定它们在轨迹上的初始位置，一般的初始位置是定在容器的外