點擊時顯示和隱藏元素
使用一個元素創建一個鼠標點擊或點擊觸發器,在點擊時顯示和隱藏一個不同的元素。
本文會提到:
創建動畫使一個元素出現
創建動畫使一個元素消失
添加第二個觸發元素來顯示,並將兩者設置為在點擊時顯示/隱藏
創建動畫使一個元素出現
選擇想作為觸發器的元素
在互動面板中,從選定元素選單中選擇鼠標點擊(輕擊)
從"On 1st Click"中選擇"Start an Animation"
點擊"Timed Actions"旁邊的加號
將動畫命名為"Show"
選擇想出現的元素(與觸發器不同)
點擊定時動作旁邊的加號,選擇隱藏/顯示
點擊眼睛圖標,將顯示設置為無
點擊"Set as initial state"旁邊的方框
當仍在互動面板顯示時,點擊加號,在定時動作下添加第二個隱藏/顯示動作
在"Hide/Show"使顯示設定為原來的值
創建動畫使一個元素消失
選擇元素,即上一步中的觸發元素
在第二次點擊時選擇開始動畫
點擊定時動作旁邊的加號
將動畫命名為"Hide"
選擇上一步中您想消失的元素
點擊定時動作旁邊的加號,選擇隱藏/顯示
點擊眼睛圖標,將顯示設定為無
添加第二個觸發元素,並將兩者設置為在點擊時顯示/隱藏
點擊並複製原來的觸發元素("顯示歌詞")
重新命名它(例如"隱藏歌詞")
創建一個動作並將其初始狀態顯示為無
添加第二個動作,並使顯示設置為原始值
點擊"顯示歌詞"並確保其顯示設置為無,以便在點擊時隱藏它
點擊"隱藏歌詞"並添加一個動畫,將顯示設置設為無
回到"顯示歌詞",添加一個動畫,使其在第二次點擊時再次可見
點擊並拖動,使定時動作中的所有內容在同一時間發生(0秒)
Last updated