DW 下拉頁面時如何設定導航欄隨下拉頁面移動 10

我的吉祥純qq你去宴禮梁檔案加發給你。

導航欄固定有特殊效果，您可以找到各種型別的方法。

1. 開啟 DW 軟體並建立乙個新檔案。

2. 單擊“通用”，選擇布局，然後繪製圖層。

3.讓我們再次單擊圖層並繪製另乙個圖層。 我們看到第一層是 layer1，第二層是 layer2，這是系統的預設設定。

4. 將游標放在圖層 1 上，然後單擊“插入**”。 建立一行三列，寬度為 388。

6. 進入layer2中的體驗首頁、個人中心、測驗首頁、幫助首頁，設定以下屬性。

1.工具：DW工具。

2. 步驟：

開啟 DW 軟體並建立乙個新檔案。

單擊“常用”，選擇布局，然後繪製圖層。

再次單擊該圖層並繪製另乙個圖層。 如您所見，第一層是 layer1，第二層是 layer2，它們都是系統的預設設定。

使用介面底部的屬性欄設定第 2 層的屬性。 優勢設定為隱藏，這意味著如果圖層不適合文字，則文字將被隱藏。

將游標放在圖層 1 上，然後單擊插入。 建立一行三列，寬度為 388。

在第二層，進入體驗首頁、個人中心、測驗首頁、幫助首頁。 然後設定以下屬性。

對賬時間線：單擊視窗 - 時間線。

要進行第 2 層，請右鍵單擊影象，然後選擇新增物件。

用滑鼠將時間指標定位在第一幀，並將圖層 2 的高度設定為 0。

然後在標籤欄中將滑鼠動作設定為 onmouseover，這意味著滑鼠移動到它以執行時間線 1，它將是第 2 層。

同理，新增以下動作，下圖對以下動作進行了說明。

按快捷鍵F12，您將進入瀏覽器，您可以看到效果。

建立乙個新頁面並儲存它。

在 DW 的右側面板中，您會看到行為，單擊行為面板中的 + 號，您會看到彈出選單出現，單擊它。

請參閱下面的彈出視窗，然後設定所需的多級選單。 還有一些鏈結可以根據需要設定多個級別，以及選單的美感以及高度和長度。 熟能生巧。

最終顯示效果。

您可以根據需要使其美觀。 技能來自實踐。

純CSS生產：

不要說顯示的導航欄，在下拉塊上新增相對定位，在這個DOM元素中新增乙個下拉樣式，新增絕對定位，然後隱藏起來，將滑鼠移入後顯示。

首先在導航欄中新增乙個 div，將 CSS 屬性設定為隱藏，當滑鼠移動到導航欄上時，將屬性設定為 display，就可以開始了。

可以用js來實現，CSS風格我就不說了，左邊是鏈結，右邊是div，key是js，每次點選中加入onclick事件，事件觸發opens函式，函式通過引數決定開啟哪個div，然後隱藏剩下的，舉個例子， 很簡單的東西，我隨便寫，沒測試過，你自己研究：11

>">吃喝。

玩轉生活兩種文化。

文學藝術。 --w3cschool 可以檢查一下。 --

我很匆忙，但我希望你能自己進入。

這是我自己的練習寫作，可以參考1688主頁。

**導航。