html中滚动栏的样式

it2025-09-22  102

DIV滚动栏设置 (CSS)2008/09/26 03:07div 中滚动栏的控制2008年01月06日 星期日 01:181)隐藏滚动栏 <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);设置滚动栏样式的时候不必要把全部的属性都用上才会生效。 (4)javascript中的页面元素定位 clientX、clientY是鼠标当前相对于网页的位置,当鼠标位于页面左上角时clientX=0, clientY=0; offsetX、offsetY是鼠标当前相对于网页中的某一区域的位置,当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0; screenX、screenY是鼠标相对于用户整个屏幕的位置; x、y是鼠标当前相对于当前浏览器的位置 scrollLeft:设置或获取位于对象左边界和窗体中眼下可见内容的最左端之间的距离(由于有滚动栏的产生,所以眼下页面可见内容是不定的)。 scrollTop:设置或获取位于对象最顶端和窗体中可见内容的最顶端之间的距离。 left:对象相对于页面的X坐标。 top:对象相对于页面的Y坐标 (4)屏蔽选择,右键等 <body οncοntextmenu=self.event.returnValue=false onselectstart="return false">

转载于:https://www.cnblogs.com/bhlsheji/p/3859917.html

相关资源:四种漂亮的滚动条样式
最新回复(0)