點擊時顯示和隱藏元素

使用一個元素創建一個鼠標點擊或點擊觸發器,在點擊時顯示和隱藏一個不同的元素。

本文會提到:

  1. 創建動畫使一個元素出現

  2. 創建動畫使一個元素消失

  3. 添加第二個觸發元素來顯示,並將兩者設置為在點擊時顯示/隱藏

創建動畫使一個元素出現

  1. 選擇想作為觸發器的元素

  2. 在互動面板中,從選定元素選單中選擇鼠標點擊(輕擊)

  3. 從"On 1st Click"中選擇"Start an Animation"

  4. 點擊"Timed Actions"旁邊的加號

  5. 將動畫命名為"Show"

  6. 選擇想出現的元素(與觸發器不同)

  7. 點擊定時動作旁邊的加號,選擇隱藏/顯示

  8. 點擊眼睛圖標,將顯示設置為無

  9. 點擊"Set as initial state"旁邊的方框

  10. 當仍在互動面板顯示時,點擊加號,在定時動作下添加第二個隱藏/顯示動作

  11. 在"Hide/Show"使顯示設定為原來的值

創建動畫使一個元素消失

  1. 選擇元素,即上一步中的觸發元素

  2. 在第二次點擊時選擇開始動畫

  3. 點擊定時動作旁邊的加號

  4. 將動畫命名為"Hide"

  5. 選擇上一步中您想消失的元素

  6. 點擊定時動作旁邊的加號,選擇隱藏/顯示

  7. 點擊眼睛圖標,將顯示設定為無

添加第二個觸發元素,並將兩者設置為在點擊時顯示/隱藏

  1. 點擊並複製原來的觸發元素("顯示歌詞")

  2. 重新命名它(例如"隱藏歌詞")

  3. 創建一個動作並將其初始狀態顯示為無

  4. 添加第二個動作,並使顯示設置為原始值

  5. 點擊"顯示歌詞"並確保其顯示設置為無,以便在點擊時隱藏它

  6. 點擊"隱藏歌詞"並添加一個動畫,將顯示設置設為無

  7. 回到"顯示歌詞",添加一個動畫,使其在第二次點擊時再次可見

  8. 點擊並拖動,使定時動作中的所有內容在同一時間發生(0秒)

Last updated