Cool Web Scrollbars - 客製化網頁的捲軸
作者:Eve Cole
更新時間:2009-06-11 17:24:12
之前筆者曾經介紹過用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自訂捲軸就是這麼簡單,你是否也心動了?心動不如手動,下載玩玩吧。