`

html中滚动条的样式

 
阅读更多
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">


分享到:
评论

相关推荐

    HTML中滚动条各种样式示例

    HTML中滚动条样式。

    滚动条样式 html css

    html css 滚动条样式

    html滚动条样式

    jquery实现html5页面滚动条样式的例子

    HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式

    HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式

    修改火狐滚动条样式(纯css).html

    修改火狐滚动条样式demo,纯css修改火狐默认的滚动条样式

    iframe的滚动条问题:显示隐藏滚动条.doc

    解决这个问题可以通过多种方法,包括在iFrame标签中添加滚动条样式、使用CSS样式来控制滚动条的显示或隐藏、在iFrame的父页面和子页面中添加DOCTYPE声明等。 在使用iFrame时,滚动条的显示或隐藏问题是很常见的。...

    为select下拉框添加滚动条

    当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...

    自定义滚动条(兼容所有浏览器)

    兼容各种浏览器,多种滚动条样式,兼容各种浏览器,多种滚动条样式

    伸缩菜单和自定义滚动条样式

    query带动画的伸缩菜单和自定义滚动条样式,css3,html5代码特效,query带动画的伸缩菜单和自定义滚动条样式,css3,html5代码特效

    易语言CSS样式滚动条

    易语言CSS样式滚动条源码,CSS样式滚动条,复制样式,颜色值转HTML,HTML转颜色值,进制_十六到十,绘制画板,填矩形范围,当前选择项

    jquery很炫的滚动条效果

    很不错的滚动条效果,代码运用很简单,占用资源也少,很给力,样式可以随意改,找了很久。

    js 特效 html 特效 去掉页面的滚动条

    js 特效 html 特效 去掉页面的滚动条 js 特效 html 特效 去掉页面的滚动条

    dreamweaver滚动条

    Dreamweaver 滚动条相关知识点 ...从给定的 HTML 和 CSS 代码中,我们可以看到 Dreamweaver 滚动条相关的知识点,包括 HTML 结构、CSS 样式、滚动条样式、弹出框样式、字体样式和布局样式等方面的知识点。

    解决ReportViewer的双竖滚动条的问题

    在上面的代码中,我们使用了 jQuery 库来选择 ReportViewer 控件的报表区域,然后添加 "hiddenY" 样式来隐藏竖滚动条。 三、总结 解决 ReportViewer 的双竖滚动条问题需要对 ReportViewer 控件的 CSS 样式和 ...

    PC端滚动条插件

    原生js滚动条插件,使用方便灵活,自带样式,也可修改样式

    js自定义图片左右滚动条切换效果

    现在网上流行好多可以自定义图片横向滚动条的效果,可惜大部分都是jQuery实现的,且兼容性不好。 今天特意整理了一款js实现的图片横向自定义滚动条效果,兼容目前主要浏览器(IE6已被忽略)。 喜欢的童鞋...

    自定义滚动条

    自定义下拉滚动条,带下上箭头,可以自由变换颜色样式

    网页滚动条

    js自定义滚动条,支持自定义样式,支持ios硬件加速。

    HTML滚动条样式代码及使用技巧

    在html网页中,我们都知道大篇幅的长文章会占据网页的大部分空间,影响了整体网站页面的美观性和阅读体验,因此,在html网页中添加一个带有滚动条的文本框,就可以很好地解决上述问题。网页滚动条本身就是浏览器的一...

    javascript jscroll模拟html元素滚动条

    主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。...jscroll默认只提供一种滚动条样式,部分样式来自google webstore ,其中有部分css3样式主

Global site tag (gtag.js) - Google Analytics