您的位置：首页 > Web前端 > CSS

HTML中滚动条的样式设置

2012-11-24 15:28 183 查看

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 oncontextmenu=self.event.returnValue=false onselectstart="return false">

示例代码：http://download.csdn.net/detail/peng_hao1988/4806720

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航