頁面滾軸效果

(1)隱藏滾動條
<body style="overflow-x:hidden;overflow-y:hidden">
(2)如何在單元格或圖層中出現滾動條
<div style="width:200px;height:200px;overflow-x:auto;overflow-y:auto;"></div>
(3)javascript改變框架中滾動條的樣式,比如改變顏色、改爲平面效果等
<STYLE>
BODY {SCROLLBAR-FACE-COLOR: #ffcc99;
SCROLLBAR-HIGHLIGHT-COLOR: #ff0000;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ff0000;
SCROLLBAR-TRACK-COLOR: #dee0ed;
SCROLLBAR-DARKSHADOW-COLOR: #ffff00;}
</STYLE>

說明:
scrollbar-3dlight-color:color;設置或檢索滾動條亮邊框顏色;
scrollbar-highlight-color:color;設置或檢索滾動條3D界面的亮邊顏色;
scrollbar-face-color:color;設置或檢索滾動條3D表面的顏色;
scrollbar-arrow-color:color;設置或檢索滾動條方向箭頭的顏色;當滾動條出現但不可用時,此屬性失效;
scrollbar-shadow-color:color;設置或檢索滾動條3D界面的暗邊顏色;
scrollbar-darkshadow-color:color;設置或檢索滾動條暗邊框顏色;
scrollbar-base-color:color;設置或檢索滾動條基準顏色。其它界面顏色將據此自動調整。
scrollbar-track-color:color;設置或檢索滾動條的拖動區域顏色
備註:
color爲你要設置的顏色代碼,可以是16進制的,比如#FF0000,可以是以RGB表示的,比如rgb(255,0,255);設置滾動條樣式的時候不必要把所有的屬性都用上纔會生效。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章