做網(wǎng)頁(yè)，常常覺(jué)得IE瀏覽器的滾動(dòng)條與設(shè)計(jì)的網(wǎng)頁(yè)不一致，就像好好的一鍋湯，不小心掉了老鼠屎進(jìn)去一樣，嚴(yán)重影響了網(wǎng)頁(yè)整體的美觀(guān)。想盡辦法去處理，卻不盡人意，比如用彈出窗口，免不了造成瀏覽都點(diǎn)擊放大按鈕的麻煩，把滾動(dòng)條去掉，可是它不適用于一屏顯示不了的網(wǎng)頁(yè)。

　　現(xiàn)在好了，這樣的問(wèn)題已經(jīng)從一定的程度上得到了解決！讓人討厭的微軟，做盡不少壟斷事情的微軟，還是從客戶(hù)方向考慮增強(qiáng)軟件的功能的，IE瀏覽器5.5以上版本已經(jīng)允許人們?cè)O(shè)置樣式表來(lái)改變滾動(dòng)條的外觀(guān)。來(lái)看看效果吧

　　現(xiàn)在我們一步步來(lái)看看是如何制造這種效果的吧：

　　原理之前已經(jīng)說(shuō)了，就是IE5.5以上版本內(nèi)嵌了用樣式表（CSS）來(lái)控制它的游動(dòng)條的功能，只要為網(wǎng)頁(yè)添加CSS代碼即可完成。有些人聽(tīng)到代碼就頭疼，大家放心，有人已經(jīng)利用Dreamweaver的擴(kuò)展接口做好了MXP插件，大家只要去有關(guān)網(wǎng)站即可下載安裝。我們做的功夫只是選擇顏色數(shù)值。

　?。Γ?￥＠＃，哇，誰(shuí)扔蕉皮？

　　*&^&$^%&%&$$#，哇，誰(shuí)砸石頭？

　　...

　　好了好了，廢話(huà)少說(shuō)，只因公司要字?jǐn)?shù)，只好...希望大家體諒體諒！不想看的可以直接去效果頁(yè)面，直接copy源代碼！

　　廢話(huà)少說(shuō)，現(xiàn)在讓我來(lái)開(kāi)門(mén)見(jiàn)山(嘻嘻，還開(kāi)門(mén)見(jiàn)山??！)，由安裝開(kāi)始。

調(diào)出插件管理器－Manage Extensions，打開(kāi)方法：Command-->Manage Extensions

界面如下圖：

點(diǎn)擊按鈕，在存放插件的目錄中選擇插件，雙擊文件，當(dāng)出現(xiàn)提示窗口時(shí)，按OK即可。關(guān)閉Dreamweaver，重新起動(dòng)一次。按快捷鍵Ctrl + F2打開(kāi)工具箱，即可看到Common里多了一個(gè)三角形向上的圖標(biāo)（下圖箭頭所示）。

點(diǎn)擊圖標(biāo)，在彈出窗口中按個(gè)人需要設(shè)定滾動(dòng)條的各種顏色值。

上圖的注釋?zhuān)?/SPAN>

1、滾動(dòng)條表面的顏色

2、滾動(dòng)條高光處（與陰影處正好相反）的顏色

3、滾動(dòng)條陰影的顏色

4、游動(dòng)條3D（立體感）顏色

5、滾動(dòng)條上下按鈕中間三角形的顏色

6、滾動(dòng)條的顏色（兄弟，你怎么稱(chēng)呼？滑動(dòng)方塊后面物體的顏色）

7、滾動(dòng)條黑陰影顏色

還是加上一張從老外網(wǎng)站上找到的圖片注釋吧

按F12預(yù)覽，發(fā)現(xiàn)效果已經(jīng)完成。

效果一：

效果二：

呵呵，是不是很簡(jiǎn)單呢？

?。。。?..(請(qǐng)念第四聲！)

（大家覓聲一看，小編TNT已經(jīng)躺在蕉皮堆之中?。?/SPAN>

點(diǎn)擊此處去效果頁(yè)