文档介绍：iH5高级教程：H5交互菜单，3D时间轴特效
在时间轴上的素材呈现3D的效果，手指在屏幕上滑动的过程中，图片以3D翻转的形式运 动，超过屏幕或没有运动到屏幕中间的图片都是折叠的形式。下面我们讲述一下在案例中的 3D 时间轴动画。
第一步树迭择
跳转页面
V
例如江Z3
例如江X3
图1
9 N*
目标动作 页面
包含页面 不包含页面 刪除当前页面
第三步：
1、在滑动时间轴的轨迹里，背景一线的轨迹在0 秒和 10 秒的时候各设置一个关键帧 0 秒的关键帧坐标为（0,0）
2、第 10 秒的关键帧坐标为（0，-2390）
wS-3
x坐标
0
Y坐标
0
lit
K坐标
0
慳标
-2390
3、可以以相同的步骤设置其他十一个月份的图片属性
第四步： 在案例里，以六月的图片对象作为例子进行说明。
1、六月的图片对象在滑动时间轴里有两个轨迹，分别是Jun图片轨迹和3D对象透明按钮轨 迹。
2、在0秒的时候，Jun图片对象处于舞台的坐标（20,730）处，点击Add按钮 ，在
这里设置一个关键帧。
3、，Jun图片对象往上移动，处于舞台坐标为（20,640）的位置，点击Add
按钮
，在这里设置一个关键帧。
轨迹的自动播完属性设置为NO
类型
默认值
开始显示
a no j
结束显示
Q YEJ
Q NO {
自动停止
Q YES 1
QhQ
自动橋完
4、对于3D对象透明按钮的轨迹，在0秒的时候，3D对象透明按钮在舞台（36,-125）的
位置，点击Add按钮 ，在这里设置一个关键帧。
5、,3D对象透明按钮，处于舞台(36, -125)的位置，点击Add按钮 ’ 在这里再设置一个关键帧。
兀对象口——u U-
6、在 秒的时候， 3D 对象透明按钮需要在 X 轴上旋转-45 度，所以在 X 轴旋转中设置-45
-45
7、在“容器”透明按钮中，有一个辅助轨迹，它的自动播完属性设置为NO上面有11个关 键帧
“0容器
辅助轨迹
默认值
幵始显示
0 YE5-
S MO I
结束显示
e VE$.
Q 1*16
自动停止
口 TO
自动播完
| B m j
QMG
8、它是用来固定每张图片的状态，可以方便其他轨迹可以完成一些相对复杂的状态。案例
里用11个关键帧作为每张图片翻转前的一个参照点。就是说关键帧上的每个张图都是X轴
旋转为 0 的，例如第一个关键帧和第二个关键帧，
9、第一个关键帧七月图的 X 轴旋转为 0
s
I M I ■ I ■ I ■ i ■ i ■ I ■ i ■ I
容壺 11 11 u
CiCV cre-sLed b new ptrs