用Dreamweaver外掛程式製作滾動連結層

　　在製作網頁時，製作者經常將網頁菜單置於網頁頂端，這樣當瀏覽者瀏覽較長內容的網頁時，如果想選擇其他菜單，就不得不回到網頁頂端才能選擇其他菜單。本執行個體將學習如何製作一個滾動連結層，以便於瀏覽者對菜單進行選擇。

　　效果說明

　　瀏覽頁面時，右上方的捷徑功能表跟隨著捲軸的滾動而滾動，如圖 57-1 所示。

　　創作思想

　　本執行個體將使用 Macromedia 的擴充外掛程式 Perisistent Layers 製作出滾動連結層。

　　操作步驟

　　( 1 )安裝擴充外掛程式。使用功能表命令【命令】 | 【擴充管理】調出 Macromedia 擴充管理器，安裝 Perisistent Layers 擴充外掛程式，如圖 57-2 所示。

　　( 2 )繪製描繪層。開啟本執行個體素材檔案夾中的 gdlayer.htm 檔案，選擇【布局】插入欄中的【描繪層】按鈕，在頁面右邊插入一個圖層，如圖 57-3 所示。

　　( 3 )插入圖片。將游標置於圖層內，在圖層中插入圖片，如圖 57-4 所示。

　　提示：插入圖片後，可以對圖片進行作用區的設定，有關作用區設定的知識讀者可參考本書執行個體 39 。

　　( 4 )添加 Persistent Layers 行為。在文件視窗的左下角單擊 標籤選中整個頁面，按 Shift + F3 鍵開啟行為面板，添加 Persistent Layers 行為，如圖 57-5 所示。

　　( 5 )設定基本參數。彈出【 Persistent Layers 】對話方塊後，在【 Select Layer 】中選擇要應用行為的圖層 Layer1 ，然後選擇【 Stick to the position Specified by the following options 】命令，表示根據選項來確定層的位置，如圖 57-6 所示。

　　( 6 ) 設定圖層水平方向和垂直方向的位置參數，並設定圖層以動畫形式滾動，如圖 57-7 所示。設定完成後單擊【確定】按鈕。

　　( 7 ) 此時在頁面編輯狀態下不能正確顯示圖層的位置。儲存頁面並按 F12 鍵在瀏覽器中進行預覽。讀者在製作過程中可參考本執行個體素材檔案夾中的 gdlayerok.htm 效果檔案。至此，本執行個體製作完成。

        注：更多精彩教程請關注三聯網頁設計教程 欄目，