下面我們一起來學習iH5高階教程：HTML5建站，翻頁過渡效果
工具/原料
iH5
方法/步驟
1.將舞臺大小設定成寬為1024px，高為600px。本操作只是示範案例的操作，實際操作舞臺大小可以自行設定。
2.選中舞臺，點選頁面工具，新建一個頁面，設定頁面的背景顏色。
1.在頁面下新增一個時間軸。新增中文字型“陽光”和圖片1，併為其新增軌跡。
2.分別選中兩個物件的軌跡，分別為其新增2個關鍵幀。先選中圖片1，設定舞臺左邊的圖片1的屬性，適當調整其透明度和設定旋轉角度後在0秒處新增第一個關鍵幀。然後再次選中圖片1，將圖片1屬性的透明度恢復到100，旋轉角度恢復到0，在時間軸合適的位置新增關鍵幀。
選中中文字型“陽光”，適當調整其位置和大小，為它的軌跡在合適的位置新增關鍵幀。然後再次選中中文字型“陽光”，調整其位移和大小，在合適的時間新增關鍵幀。
3.將中文字型“陽光”隱藏，這樣當時間軸播放的時候，還沒有出現關鍵幀前這個中文字型會隱藏。
4.選中頁面，點選事件工具，新增一個事件，觸發條件為顯示，目標物件為時間軸，目標動作為從頭播放。那麼當頁面顯示的時候，時間軸就會從頭播放。
由於頁面2和頁面1的效果是一樣的，複製頁面1後，選中舞臺，點選滑鼠右鍵選擇貼上，然後找到舞臺右邊物件樹的頁面2裡的中文字型和圖片1。分別雙擊兩個物件進行更改為文字和替換上傳圖片。
先行知識：事件、時間
重點控制元件：頁面、事件、時間軸、軌跡
重點事件：
觸發物件：頁面1
觸發條件：顯示
目標物件：時間軸
目標動作：從頭播放
TIPS：
1.過渡效果：實際上只是利用了物件屬性和時間軸結合製作而成的效果。旋轉、位移、縮放的動畫都可以通過時間軸動畫實現。
2.頁面下的事件1是本示例中使時間軸播放的事件，而我們在自行製作案例時也可以將時間軸設定為自動播放。