· 顯示－隱藏層
“顯示－隱藏層”動作顯示、隱藏或恢複一個或多個層的預設可見度。此動作用於在使用者與頁進行互動時顯示資訊。“顯示－隱藏層”還可用於建立預先載入層，即一個最初擋住頁的內容的較大的層，在所有頁組件都完成載入後該層即消失(可做一個廣告效果，記得在新浪見過這樣的廣告)。
“顯示－隱藏層”動作，具體操作：
選擇“插入”-->>“布局對象”-->>“層”然後在“文檔”視窗中繪製一個層。
重複此步驟可以建立其它的層。
在“文檔”視窗中單擊取消對層的選擇，然後開啟“行為”面板。
單擊加號 (+) 按鈕並從“動作”快顯功能表中選擇“顯示－隱藏層”。
在“命名的層”列表中選擇要更改其可見度的層。單擊“顯示”以顯示該層、單擊“隱藏”以隱藏該層、或單擊“預設”以恢複層的預設可見度。 如圖：
對所有剩下的此時要更改其可見度的層重複以上步驟。
單擊“確定”。這時的行為面板如圖所示：
具體應用，當指向一個圖片時顯示隱藏的層，具體製作步驟：
1.插入一個事先準備好的圖片；
2.選擇“插入”-->>“布局對象”-->>“層”，在層內圖片的說明文本。
在“文檔”視窗中單擊取消對層的選擇，然後開啟“行為”面板。從“動作”快顯功能表中選擇“顯示－隱藏層”。
在“命名的層”列表中,單擊“隱藏”隱藏該層。
3.選擇圖片，開啟行為面板。單擊加號 (+) 按鈕並從“動作”快顯功能表中選擇“顯示－隱藏層”。單擊“隱藏”按鈕如下圖，單擊確定。
4.重複上述步驟，單擊加號 (+) 按鈕並從“動作”快顯功能表中選擇“顯示－隱藏層”。單擊“顯示”按鈕如下圖，單擊確定。
5.設定行為面板如下圖：
儲存按F12可以預覽到效果：當滑鼠移入圖片時，顯示相關說明文本。
若要建立預先載入層，請執行以下操作：
在“插入”欄的“常用”類別中單擊“繪製層”按鈕，然後在“文檔”視窗的“設計”視圖中繪製一個較大的層。 該層一定要覆蓋頁上的所有內容。
在“層”面板中，將該層名稱拖到層列表的頂部以指定該層應該在堆疊順序的最前面。如果未選擇，則選擇該層，並使用層屬性偵測器中最左邊的文字框將其命名為“load”。
在層仍處於選中狀態時，在屬性偵測器中將層的背景顏色設定為與頁背景相同的顏色。
如果需要，在層中（該層現在應該擋住其餘的頁內容）單擊並鍵入訊息。 例如“請稍候，正在載入頁”或“正在載入...”，這些訊息提示訪問者正在發生的操作，以便他們知道該頁包含有內容。
單擊“文檔”視窗左下角標籤選取器中的 <body> 標籤。
在“行為”面板中，從“動作”快顯功能表中選擇“顯示－隱藏層”。
從“命名的層”列表中選擇名為“load”的層。單擊“隱藏”。
單擊“確定”。
確保行為列表中“顯示－隱藏層”動作旁邊列出的事件是 onLoad。（一般情況下都是預設onload，如果不是我們可以更改。）
這時儲存文檔，按F12預覽效果吧。
別忘了我們是在學習啊！開啟相應的在程式碼檢視看看檔案中新增加的代碼，這樣我們可以熟悉代碼了啊.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
