Cool Web Scrollbars - 定制網頁的滾動條

2024-04-27 13:55:00

字體：大中小

來源：轉載

供稿：網友

之前筆者曾經介紹過用 Dreamweaver插件改變IE瀏覽器滾動條，現在已經有人寫出了快速制作此種代碼的小軟件，讓不懂CSS（層疊樣式表）的網友輕松上手，讓熟悉CSS的網友解除繁瑣的代碼敲打。
Cool Web Scrollbars擁有簡單的明了的操作界面，讓人看了一目了然：

下載網址：http://www8.pconline.com.cn/download/swdetail.phtml?id=5081
軟件界面的左欄是預覽窗口，為了方便觀看與制作效果，軟件把瀏覽器的滾動條放大了，當我們在右邊設定了項目的顏色值之后，立刻可以把設定的效果顯示出來，所見即所得。
右邊的color欄是設置窗口，每一組英文對應滾動條的項目。“哇，英文！我不懂英文，怎么辦？”，不愛學英文的人說。“我不知道英文代表的項目!”，另一些人又說。不用擔心，軟件設計者完全考慮到了這個問題，只要把鼠標移動到左欄的任何一個滾動條項目上，右邊的相應英文就會以紅色顯示，這樣是不是很清楚了呢？！雙擊左欄的任何一個滾動條項目，相應的顏色組就會反白顯示，這就更加方便了！
點擊color欄最后的畫板小按鈕，在彈出的窗口中選擇顏色，相應的設置項就顯示出該顏色的16進制數值，與此同時，預覽窗口相應位置也顯示出了設定的顏色。
設定好各個項目之后，點擊“Generate Code”,拷貝軟件自動生成的代碼。

把它粘貼到所設計的網頁<head></head>或者<body></body>標記之間,效果制作完成。
細心的網友可能發現，網頁里的文本框與讓那代碼控制了，會否觸發您其它的設計念頭呢？
如果不滿意，慢慢調試。使用Cool Web Scrollbars定制滾動條就是這么簡單，你是否也心動了？心動不如手動，下載一個玩玩吧。

上一篇：alt屬性和title屬性

下一篇：用javascript連接access數據庫的方法