“顯示-隱藏元素”行為可以顯示、隱藏或者恢復一個或多個頁面元素的預設可見性。主要用於在使用者與頁面進行互動時顯示資訊。
一、Dreamweaver顯示-隱藏元素行為
1. 在網頁中插入AP Div,也就是常說的層。
2. 選擇標籤、某個連結()標籤或者選擇一個AP元素。
3. 開啟行為面板。
4. 點選“新增行為(+)”按鈕,在彈出的下拉選單中選擇“顯示-隱藏元素”命令,如下圖所示:
5. 開啟“顯示-隱藏元素”對話方塊,如下圖所示:
在“元素”文字框中選擇需要改變可見性的`元素。
點選“顯示”按鈕、“隱藏”按鈕或者“預設”按鈕設定元素的可見性。
繼續選擇其它元素並點選相關的按鈕,以設定更多元素的可見性。
6. 單擊“確定”按鈕。
7. 檢視附加的事件是否是需要的事件。如果不是需要的事件,可以更改事件。
8. 檢視行為引數是否合適。如果不合適,也可以修改行為引數。
二、示例
1. 選擇標籤,在“顯示-隱藏元素”對話方塊中將“div "apDiv1"”設定為隱藏,事件是onLoad。
2. 選擇apDiv2,在“顯示-隱藏元素”對話方塊中將“div "apDiv1"”設定為顯示。將事件修改為onMouseMove。
3. 繼續選擇apDiv2,在“顯示-隱藏元素”對話方塊中將“div "apDiv1"”設定為隱藏。將事件修改為onMouseOut。
至此,選擇apDiv2時,在行為面板中會出現兩個事件,分別是onMouseMove、onMouseOut。
4. 將apDiv3像apDiv2那樣做相同的設定。