改變捲動軸顏色


阿瑟 發表



很多朋友來信問我們說酷必網旁邊的捲軸變色是怎麼做的,其實這也不是什麼新玩意了,不過還是大概講解一下,很多人以為這是Javascript,其實這個只要套用CSS就可以囉。

STEP1:【語法與講解】
請注意,這個效果要在Internet Explorer 5.5以上才能看到
很多朋友來信問我們說酷必網旁邊的捲軸變色是怎麼做的,其實這也不是什麼新玩意了,不過還是大概講解一下,很多人以為這是Javascript,其實這個只要套用CSS就可以囉。

body{
scrollbar-arrow-color:000000;
scrollbar-face-color:ffee99;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-track-color: #cccccc;
scrollbar-shadow-color: #000000;
}


大概講解一下每一個設定的功能,
scrollbar-arrow-color:000000;
這個是按鈕上箭頭的顏色

scrollbar-face-color:ffee99;
這個是按鈕的顏色

scrollbar-highlight-color: 000000;
這個是按鈕邊框左邊與上面的顏色(製造凹下去的效果...如果不喜歡可以移除這一個設定)

scrollbar-3dlight-color:000000;
這個是按鈕邊框左邊與上面的顏色

scrollbar-darkshadow-color:000000;
這個是按鈕邊框右邊與下面的顏色

scrollbar-track-color: #cccccc;
軸下面捲動凹槽的顏色

scrollbar-track-color: #cccccc;
陰影顏色...會影響挺多東西的...

詳細的使用方法請參考其他CSS教學,基本上來說只要在body{}加入這些語法就沒有問題了...

最後更新日期: 9/7/2001 12:12:56 AM