網頁滾動的QQ線上諮詢功能 Dreamweaver實現

設計背景：在製作網頁時，製作者經常將網頁菜單置於網頁頂端，這樣當瀏覽者瀏覽較長內容的網頁時，如果想選擇其他菜單，就不得不回到網頁頂端才能選擇其他菜單。前天上QQ的時候突然跳出了群的聊天視窗，裡面有個人問在一個網頁的右端有一個QQ的面板，上面有好多QQ號碼而且可以實現點擊哪個可以線上聊天！並且該QQ面板可以和頁面一起滾動，我看了看覺得這家網站的創意很是不錯，於是就決定研究下怎麼製作的？但是他的代碼太多了！我都懶的看了，於是想到了Dreamweaver，在這裡給大家介紹一下製作方法。

　　效果說明：瀏覽頁面時，右上方的QQ面板跟隨著捲軸的滾動而滾動。

　　創造這樣的效果很是麻煩，於是想起了外掛程式在網上一找，呵呵，還真有！這裡的外掛程式是 Perisistent Layers 。點擊這裡可以下載該外掛程式下載之後解壓縮找到Perisistent Layers。

　　操作步驟

　　1、安裝擴充外掛程式。下載之後解壓縮，找到 Perisistent Layers 直接雙擊就可以了！或者先啟動Dreamweaver之後使用“命令”菜單選擇“擴充管理”來安裝也是可以的。如果不會安裝的話可以看以前的文章。

　　2、繪製描繪層。建立立一個HTML檔案，選擇“布局”插入欄中的“描繪層”按鈕，在頁面右邊插入一個圖層，如下圖所示。

600) {this.resized=true; this.width=600;}" align=baseline border=0>

　　3、插入圖片。將游標置於圖層內，在圖層中插入圖片，如下圖所示。

600) {this.resized=true; this.width=600;}" align=baseline border=0>