在CSS里面改幾種滾動條的特效

ksnail 2011-05-16

展開全文

在CSS里面改幾種滾動條的特效：
1、控制橫向和縱向滾動條的顯隱

去掉滾動條 x 軸 <body style="overflow-y:hidden">
去掉滾動條 y 軸 <body style="overflow-x:hidden">
滾動條 x/y 軸全部去掉 <body scroll="no">

2、滾動條顏色

<style>
BODY{
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;}
</style>

SCROLLBAR-FACE-COLOR 滾動條凸出部分的顏色
SCROLLBAR-HIGHLIGHT-COLOR 滾動條空白部分的顏色
SCROLLBAR-SHADOW-COLOR 立體滾動條陰影的顏色
SCROLLBAR-3DLIGHT-COLOR 滾動條亮邊的顏色
SCROLLBAR-ARROW-COLOR 上下按鈕上三角箭頭的顏色
SCROLLBAR-TRACK-COLOR 滾動條的背景顏色
SCROLLBAR-DARKSHADOW-COLOR 滾動條強陰影的顏色
SCROLLBAR-BASE-COLOR 滾動條的基本顏色

3、箭行符號滾動條代碼

<style type="text/css">

</style>

4,、一側滾動條代碼

<style type="text/css">

</style>

5、樸素型滾動條代碼

<style type="text/css">

</style>

6、一側滾動條代碼

<style type="text/css">

</style>

7,、立體型滾動條代碼

<style type="text/css">

</style>