在手指的滑动中可以同时把上下两个容器里的图片或内容进行切换，已形成相互对切的效果。下面我们来展示一下做出这样的效果所需要的步骤。
工具/原料
iH5
方法/步骤
1、在舞台下添加一个页面。选中舞台，在工具栏里点击页面工具，添加一个页面选中页面，点击工具栏里的滑动时间轴工具，在舞台上画出一个矩形，添加一个滑动时间轴。在滑动时间轴下添加两个透明按钮，作为存放图片的容器，分别命名为上层容器和下层容器。选中滑动时间轴1，点击工具栏下的透明按钮工具，在舞台的上方画出一个矩形，添加透明按钮，命名为上层容器。选中滑动时间轴1，点击工具栏下的透明按钮工具，在舞台的下方画出一个矩形，命名为下层容器，这两个透明按钮容器用来固定图片的位置。在两个透明按钮的属性设置中，剪切设置为YES。
2、在上层容器和下层容器中，各添加若干张图片。选中上层容器对象，点击工具栏里的图片工具，在上层容器框中画出一个矩形，添加图片。选中下层容器对象，点击工具栏里的图片工具，在下层容器框中画出一个矩形，添加图片。在每张图片下，各添加一个轨迹。选中图片上3对象，点击工具栏里的轨迹工具，添加轨迹，如此类推，每一张图片都给它一个轨迹。
3、在轨迹上面添加特定的关键帧。点击Add按钮，即可在轨迹上添加关键帧。以图下3和图上补朱锚卦3为例。首先设定它们在剌又丘傻轨迹上的初始位置，一般的初始位置是定在容器的外面，以滑动的方式进入容器，而第二个关键帧就是图片完全进去容器后的位置，一般设置图片的位置跟容器的位置一样就行。图上3的运动：图片进去容器前：图片进去容器中：图片进去容器后：图下3的运动：图片进入容器前：图片进入容器中：图片进入容器后：而图上2和图下2，图上1和图下1，同理也可以在滑动时间轴上设置，上下容器的图片便可以连续连贯滑动。注意：滑动时间轴的属性，滑动放大比例的数值设置一般为0.2到0.5，这样可以更加符合浏览的滑动节奏。
4、重点工具：滑动时间轴，透明按钮，轨迹TIPS:透明按钮作僭轿魍儿为容器，把需要滑动的图片放在里面，利用滑动时间轴控制每张图渔镭沃昏片滑动出现的时间和位置，从而实现了图片上下对切的效果。滑动放大比例：使用此参数来设定手指滑动的距离对滑动时间轴轴播放进度的控制，默认值为1，即手指按设定方向划过滑动时间轴整个范围时，滑动时间轴会从起点播放到终点。比如，滑动时间轴的滑动方向设为向右，则案例播放时，手指/鼠标从滑动时间轴对象框的左边滑到右边时，整个滑动时间轴会完整的从起点播放到终点。滑动比例设得比较小时，滑动时间轴随着同样的滑动动作，会播放得更慢。此案例中，滑动放大比例的数值设置一般为0.2到0.5，这样可以更加符合浏览的滑动节奏