Dreamweaver MX 2004 行為之顯示/隱藏層

來源:互聯網
上載者:User
dreamweaver|顯示

· 顯示-隱藏層

  “顯示-隱藏層”動作顯示、隱藏或恢複一個或多個層的預設可見度。此動作用於在使用者與頁進行互動時顯示資訊。“顯示-隱藏層”還可用於建立預先載入層,即一個最初擋住頁的內容的較大的層,在所有頁組件都完成載入後該層即消失(可做一個廣告效果,記得在新浪見過這樣的廣告)。

  “顯示-隱藏層”動作,具體操作:

  選擇“插入”-->>“布局對象”-->>“層”然後在“文檔”視窗中繪製一個層。

  重複此步驟可以建立其它的層。

  在“文檔”視窗中單擊取消對層的選擇,然後開啟“行為”面板。

  單擊加號 (+) 按鈕並從“動作”快顯功能表中選擇“顯示-隱藏層”。

在“命名的層”列表中選擇要更改其可見度的層。單擊“顯示”以顯示該層、單擊“隱藏”以隱藏該層、或單擊“預設”以恢複層的預設可見度。 如圖:

  對所有剩下的此時要更改其可見度的層重複以上步驟。

單擊“確定”。這時的行為面板如圖所示:

  具體應用,當指向一個圖片時顯示隱藏的層,具體製作步驟:

  1.插入一個事先準備好的圖片;

  2.選擇“插入”-->>“布局對象”-->>“層”,在層內圖片的說明文本。

  在“文檔”視窗中單擊取消對層的選擇,然後開啟“行為”面板。從“動作”快顯功能表中選擇“顯示-隱藏層”。

在“命名的層”列表中,單擊“隱藏”隱藏該層。

  3.選擇圖片,開啟行為面板。單擊加號 (+) 按鈕並從“動作”快顯功能表中選擇“顯示-隱藏層”。單擊“隱藏”按鈕如下圖,單擊確定。

  4.重複上述步驟,單擊加號 (+) 按鈕並從“動作”快顯功能表中選擇“顯示-隱藏層”。單擊“顯示”按鈕如下圖,單擊確定。

  5.設定行為面板如下圖:

  儲存按F12可以預覽到效果:當滑鼠移入圖片時,顯示相關說明文本。

  若要建立預先載入層,請執行以下操作:

  在“插入”欄的“常用”類別中單擊“繪製層”按鈕,然後在“文檔”視窗的“設計”視圖中繪製一個較大的層。 該層一定要覆蓋頁上的所有內容。

  在“層”面板中,將該層名稱拖到層列表的頂部以指定該層應該在堆疊順序的最前面。如果未選擇,則選擇該層,並使用層屬性偵測器中最左邊的文字框將其命名為“load”。

  在層仍處於選中狀態時,在屬性偵測器中將層的背景顏色設定為與頁背景相同的顏色。

  如果需要,在層中(該層現在應該擋住其餘的頁內容)單擊並鍵入訊息。 例如“請稍候,正在載入頁”或“正在載入...”,這些訊息提示訪問者正在發生的操作,以便他們知道該頁包含有內容。

  單擊“文檔”視窗左下角標籤選取器中的 <body> 標籤。

  在“行為”面板中,從“動作”快顯功能表中選擇“顯示-隱藏層”。

  從“命名的層”列表中選擇名為“load”的層。單擊“隱藏”。

單擊“確定”。

  確保行為列表中“顯示-隱藏層”動作旁邊列出的事件是 onLoad。(一般情況下都是預設onload,如果不是我們可以更改。)

  這時儲存文檔,按F12預覽效果吧。

  別忘了我們是在學習啊!開啟相應的在程式碼檢視看看檔案中新增加的代碼,這樣我們可以熟悉代碼了啊.



相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。