本文選自4u2v工作室編寫的《dreamweaver網頁設計與制作100例》（人民郵電出版社出版，isbn： 7115142394 ）。未經著作權所有者書面授權許可，禁止轉載本文。

　　購買地址：點擊訪問

　　讀者在網際暢游時一定見過不少網頁的滾動條與別的滾動條不同，有自己非凡的顏色和樣式，令人耳目一新。

　　效果說明

　　淺藍色的底，藍色的滾動條，而且還有立體感，可以充分展現網頁的個性，如圖 30-1 所示。

　　創作思想

　　使用 macromedia 的擴展插件 ie5.5 custom scrollbars 可以簡單、方便地實現 ie 滾動條的個性化。

　　操作步驟

　?。?1 ）安裝插件。單擊菜單欄中的【命令】｜【擴展治理】命令，調出【 macromedia 擴展治理器】對話框，安裝 ie5.5 custom scrollbars 擴展，如圖 30-2 所示。

　　注重： macromedia 擴展治理器（ macromedia extension manager ）一般會隨 macromedia dreamweaver mx 2004 一起安裝，假如讀者尚未安裝，請到相關網站下載并安裝。

　?。?2 ）設置 ie 滾動條。安裝完成后，在【常用】插入欄中就可以看到【 ie5.5 custom scrollbars 】按鈕。單擊該按鈕，分別設置 ie 滾動條各個部分的顏色，如圖 30-3 所示。

　　（ 3 ）設置文本。為了在頁面中顯示出滾動條，可以在頁面中輸入文字或者直接按回車鍵輸入字段。然后轉換到代碼窗口，刪除文檔類型定義中的“ http://www.w3.org/tr/html4 /loose.dtd ”文字，如圖 30-4 所示。

　　提示：假如讀者沒有安裝 ie5.5 custom scrollbars 插件或者不想使用擴展插件，可以直接在代碼窗口中輸入代碼。具體代碼可以參考本實例網頁源代碼中 <style></style> 之間的代碼，只需改變顏色代碼并將其復制到其他網頁中即可。

　?。?4 ）保存頁面文件，然后在瀏覽器中打開該文件進行預覽，本實例操作完畢。插件種類繁多，功能強大，通過插件可以實現 dreamweaver 望塵莫及的功能。