本文選自4u2v工作室編寫的《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作100例》（人民郵電出版社出版，ISBN： 7115142394 ）。未經(jīng)著作權(quán)所有者書面授權(quán)許可，禁止轉(zhuǎn)載本文。

　　購買地址：點(diǎn)擊訪問

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

　　效果說明

　　淺藍(lán)色的底，藍(lán)色的滾動(dòng)條，而且還有立體感，可以充分展現(xiàn)網(wǎng)頁的個(gè)性，如圖 30-1 所示。

　　創(chuàng)作思想

　　使用 Macromedia 的擴(kuò)展插件 IE5.5 Custom Scrollbars 可以簡單、方便地實(shí)現(xiàn) IE 滾動(dòng)條的個(gè)性化。

　　操作步驟

　　（ 1 ）安裝插件。單擊菜單欄中的【命令】｜【擴(kuò)展治理】命令，調(diào)出【 Macromedia 擴(kuò)展治理器】對(duì)話框，安裝 IE5.5 Custom Scrollbars 擴(kuò)展，如圖 30-2 所示。

　　注重： Macromedia 擴(kuò)展治理器（ Macromedia Extension Manager ）一般會(huì)隨 Macromedia Dreamweaver MX 2004 一起安裝，假如讀者尚未安裝，請(qǐng)到相關(guān)網(wǎng)站下載并安裝。

　�。� 2 ）設(shè)置 IE 滾動(dòng)條。安裝完成后，在【常用】插入欄中就可以看到【 IE5.5 Custom Scrollbars 】按鈕。單擊該按鈕，分別設(shè)置 IE 滾動(dòng)條各個(gè)部分的顏色，如圖 30-3 所示。

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

　　提示：假如讀者沒有安裝 IE5.5 Custom Scrollbars 插件或者不想使用擴(kuò)展插件，可以直接在代碼窗口中輸入代碼。具體代碼可以參考本實(shí)例網(wǎng)頁源代碼中 <style></style> 之間的代碼，只需改變顏色代碼并將其復(fù)制到其他網(wǎng)頁中即可。

　�。� 4 ）保存頁面文件，然后在瀏覽器中打開該文件進(jìn)行預(yù)覽，本實(shí)例操作完畢。插件種類繁多，功能強(qiáng)大，通過插件可以實(shí)現(xiàn) Dreamweaver 望塵莫及的功能。