將事件標記和事件標籤新增至時間軸

進階模式下,您可以在時間軸上方的事件軌中使用事件標記和事件標籤,將時間軸動畫與事件連結起來。事件標記的作用是在時間軸上的特定時間點觸發事件,事件標籤則是用於設定控制動畫的事件。

由於影片廣告不支援事件,因此這類廣告的時間軸不含事件軌。

事件標記

您可以使用事件標記在事件軌上設定時間軸事件。當動畫播放頭在時間軸上移動至事件標記的位置,就會觸發相關事件。

使用預覽或拖曳功能查看動畫時並不會觸發事件。如要測試事件,請直接預覽廣告或網頁

將事件標記新增至時間軸

請採取下列其中一種做法:

  • 在事件軌上需要新增事件標記的位置按一下滑鼠右鍵,然後在彈出式選單中選取 [新增事件]
  • 在時間軸上按一下需要新增事件標記的位置,或是將播放頭移至該位置,然後按一下事件軌上的「新增事件」按鈕

針對特定事件標記新增事件

請採取下列其中一種做法:

  • 按兩下事件標記。系統將開啟「事件」對話方塊並顯示動作選取區域。
  • 在事件標記上按一下滑鼠右鍵,然後在彈出式選單中選取 [將事件新增到標記...]。系統將開啟「事件」對話方塊並顯示動作選取區域。
  • 在「事件」面板中按一下「新增事件」按鈕 ,即可在開啟的「事件」對話方塊中新增事件。在目標區域選取動畫元素 (通常是網頁) 的父項,然後在事件區域選取事件標記。

編輯特定事件標記的事件

在事件標記上按一下滑鼠右鍵,然後在彈出式選單所列的清單中選取要變更的事件。

移除事件標記

在要移除的事件標記上按一下滑鼠右鍵,然後在彈出式選單中選取 [刪除事件標記]。這會同時刪除該事件標記所觸發的任何事件。

如要刪除單一事件,請使用「事件」面板。

重新命名事件標記

  1. 在要重新命名的事件標記上按一下滑鼠右鍵,然後在彈出式選單中選取 [編輯事件標記名稱…]
  2. 輸入新名稱。
  3. 按下 Enter 鍵。

移動事件標記

在時間軸上將事件標記拖曳至新位置即可。

事件標籤

事件標籤是時間軸上已命名的位置。如果想透過事件將播放頭傳送至時間軸上的特定時間點,就必須為這個主要畫面格加上標籤。

將事件標籤新增至事件軌

請採取下列其中一種做法:

  • 在時間軸上按一下需要新增標籤的位置,或是將播放頭移至該位置,然後在「事件」圖層按一下「新增標籤」按鈕 。Google Web Designer 會為這個標籤指派一個通用名稱。
  • 如何指定標籤名稱:
    1. 在事件軌上需要新增標籤的位置按一下滑鼠右鍵,然後在彈出式選單中選取 [新增標籤…]。
    2. 在彈出式對話方塊中輸入標籤名稱。
    3. 按下 Enter 鍵。

移除事件標籤

在要移除的標籤上按一下滑鼠右鍵,然後在彈出式選單中選取 [刪除標籤]。這會一併刪除所有設定使用該標籤的事件。

重新命名事件標籤

  1. 在要重新命名的標籤上按一下滑鼠右鍵,然後在彈出式選單中選取 [編輯標籤…]
  2. 輸入新名稱。
  3. 按下 Enter 鍵。

移動事件標籤

在時間軸上將事件標籤拖曳至新位置即可。

動作

以下時間軸動作可透過其他事件加以觸發:

動作 設定選項
pause
play
togglePlay
gotoAndPlay

標籤 - 動畫起始播放位置的事件標籤。

gotoAndPlayNTimes
  • 標籤 - 動畫起始播放位置的事件標籤。
  • 重複 - 動畫循環播放的次數。
gotoAndPause

標籤 - 動畫起始播放位置的事件標籤。

用於暫停動畫的自訂時間軸動作 (pausetogglePlaygotoAndPause) 應使用下列語法:

gwd.actions.timeline.pause('<elementID>');

這對您有幫助嗎?

我們應如何改進呢?
true
搜尋
清除搜尋內容
關閉搜尋
主選單
2056840453120254934
true
搜尋說明中心
true
true
true
true
true
5050422
false
false