Dreamweaver中的顯示隱藏元素行爲

“顯示-隱藏元素”行爲可以顯示、隱藏或者恢復一個或多個頁面元素的默認可見性。主要用於在用戶與頁面進行交互時顯示信息。

Dreamweaver中的顯示隱藏元素行爲

一、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那樣做相同的設置。