传说中的旅人 发表于 2013-1-22 22:36:07

页面滚轴效果

(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);设置滚动条样式的时候不必要把所有的属性都用上才会生效。
页: [1]
查看完整版本: 页面滚轴效果