在 Adobe Muse 中為物件指定不同狀態

關閉瀏覽器並返回 Adobe Muse。

按一下 Widget 以選取整個選單。再按一下「food」按鈕，選取「food」選單項目。若您不小心按了第三次，而使「選取指示器」顯示「標籤」一詞，則請按一次 Escape 鍵，返回階層的上一層，使指示器顯示「選單項目」一詞。

由於「選項」面板中已啟用「一併編輯」選項，因此對「food」選單項目外觀所做的任何變更，均會套用於此「水平選單」Widget 中的所有其餘按鈕。如此可使編輯更為快速。除非設計本身需要您為每一個按鈕套用不同樣式，否則請維持啟用預設的「一併編輯」選項。

選取「狀態」面板索引標籤或選擇「視窗 > 狀態」，開啟「狀態」面板。

此面板讓您編輯按鈕圖形依據訪客游標動作而定的各種顯示方式。請注意，此處有數個灰色方塊，定義各狀態下的外觀。

在預視網站時，您已看到「正常」狀態代表選單在頁面第一次載入時的外觀，即訪客未使用游標與選單互動之時。若訪客將游標移至按鈕上，則會顯示套用於「滑鼠指向效果」狀態的樣式。若訪客將按鈕按下，則會顯示套用於「滑鼠按下」狀態的樣式。最後，若訪客已位於網站的當前頁面 (例如，若他們按下了「About」選單項目，且仍然在檢視「About」頁面)，則按鈕外觀就如同「作用中」狀態的樣式。最後一個狀態為選用，但有時候可能很有幫助：可讓訪客一看就知道自己所在頁面。

在「狀態」面板中，按一下清單中每個項目：「正常」、「滑鼠指向效果」、「滑鼠按下」及「作用中」狀態。請注意，當您按下面板中的各個狀態時，頁面上的「選單」Widget 亦會更新顯示該狀態的預設外觀。

再按一下「正常」狀態。在選取「首頁」選單項目的狀態下，使用「填色」色卡選擇一個完全不同的顏色，如紅色。當您設定不同填色顏色時，所有選單項目均會更新其「正常」狀態；這是因為啟用了「一併編輯」選項。

選取「轉變」，然後選擇「淡化」選項。物件將依據您的設定從某一狀態轉變為另一淡入或淡出。

您選擇從某一狀態到另一狀態的轉變選項時，可設定下列選項：

「延遲」：從某一狀態到另一狀態的延遲時間，以秒為單位。

「持續時間」：轉變的持續時間。

「速度」：在此選項中，您可將轉變設為「線性」或以「慢快慢」的速度過渡至下一個狀態。您也可以選擇「慢入」、「慢出」，或「慢入/慢出」選項。物件的轉變將依據您的設定而慢入或慢出。

再次於瀏覽器中選擇「檔案 > 預視網站」，確認您已自訂了按鈕的「正常」狀態；當選單首次載入時，除了描述目前頁面的按鈕外，其餘按鈕均為紅色。當您將游標移至各個按鈕上時，即顯示預設的灰色「滑鼠指向效果」顏色，呈現滑鼠指向效果。

在本範例中，請至「狀態」面板選取各個狀態 (或使用「控制」面板中「選取指示器」旁的「狀態」選單，選取各個狀態)，再將「填色顏色」設為「無」(含紅色對角線的白色色卡)。此設定有效地將背景選單項目按鈕從視線範圍中移除，使選單按鈕變成透明，可看到下面的背景設計。