效果預覽

左側固定導航欄，點擊選項按鈕 → 對應圖片+文字說明「切入」顯示，非選項內容「切出」隱藏，蒙版淡入過渡，單頁呈現多章節內容。

核心元件準備

1. 兩個圓角矩形對齊：左側導航欄、右側內容區。
2. 準備各章節圖片 → 重命名為中文語義名（如「第一章_緒論.jpg」）→ 統一尺寸/對齊。
3. 插入「選項按鈕」（表單控制項）作為導航觸發器。

動畫邏輯設計

對象	動畫	觸發器	播放後狀態
無關圖片	退出 → 切出	對應選項按鈕	隱藏
有關圖片	進入 → 切入（方向與切出一致）	對應選項按鈕	顯示
文字說明	進入 → 浮現	同圖片	顯示
蒙版（半透明矩形）	進入 → 飛入	同圖片	顯示

關鍵步驟：整串動畫綁定單一觸發器

1. 選中某選項對應的所有動畫（圖片切入、文字浮現、蒙版飛入、其他圖片切出）。
2. 右鍵 →「計時」→「觸發器」→「按一下下列物件時啟動」→ 選對應選項按鈕。
3. 重複為每個選項綁定專屬動畫組。

優化細節

• 動畫順序：先「切出」舊內容，再「切入」新內容，避免重疊閃爍。
• 蒙版透明度 40-60%，背景圖若隱若現，層次感更強。
• 關閉「滑鼠點擊換頁」，純靠按鈕導航，防止誤觸跳頁。

小結

「固定導航 + 內容區切入切出 + 蒙版過渡 + 觸發器批量綁定」構建類 Flash 的單頁多狀態導航。適用於歷史朝代、地理區域、生物分類等需高頻切換圖文內容的教學課件。