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">

时间: 2024-12-28 21:21:02

html中滚动栏的样式的相关文章

各种各样的文本框滚动栏样式代码 滚动栏样式 文本框样式(文本框样式大全)

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #885C10; scrollbar-highlight-color: #F8ECD8; scrollbar-3dlight-color: #885C10; scrollbar-darkshadow-color:

关于优化滚动栏样式

滚动栏样式优化,更优的体现在Chrome等主流浏览器. ::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性 background-color:#323232; } ::-webkit-scrollbar {//滚动条的宽度 width:6px; height:6px; } ::-webkit-scrollbar-thumb {//滚动条的设置 background-color:#505252; background-clip:paddin

用scrollTop制作一个滚动栏

我们在浏览网页时,经常会看到会一些滚动的栏目,比如向上滚动的公告.新闻等.其实他们的制作都不难,只要学了基础的html.css.javascript就可以做出来,用JavaScript的scrollTop就行. scrollTop:返回或设置匹配元素的滚动条的垂直位置. 1 <div id="div1" style="width:200px;height:200px;background-color:#999999;overflow:auto;background-co

iframe的滚动栏问题:显示/隐藏滚动栏

iframe 问题2008-01-22 16:37******   显示 iframe 内容 XHTML 1.0 Transitional 标准不能显示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww

android 滚动栏下拉反弹的效果(相似微信朋友圈)

微信朋友圈上面的图片封面,QQ空间说说上面的图片封面都有下拉反弹的效果,这些都是使用滚动栏实现的.下拉,当松开时候.反弹至原来的位置.下拉时候能看到背景图片.那么这里简介一下这样的效果的实现. 本文源代码下载:点击 1.效果图 这部手机显示的分辨率有限,非常老的手机调试. 2.具有反弹效果BounceScrollView package com.org.scroll; import android.content.Context; import android.graphics.Rect; im

div:给div加滚动栏 div的滚动栏设置

今天做了个样例: div 的滚动栏问题: 两种方法: 一. <div style=" overflow:scroll; width:400px; height:400px;”></div> 记住宽和高一定要设置噢,否则不成的 只是在不超出时,会有以下的滚动栏,所以不是最好的选择 二. <div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div&

滚动栏范围位置函数(SetScrollRange、SetScrollPos、GetScrollRange、GetScrollPos)

滚动栏的范围是一对整数,默认情况下,滚动栏的范围是0~100. SetScrollRange(hwnd,iBar,iMin,iMax,bRedraw)这里的iBar參数要么是SB_VERT,要么是SB_HORZ,iMin和iMax分别相应滚动栏范围的最小值和最大值,须要Windows依据新的范围来重绘滚动栏时将bRedraw设为TRUE. SetScrollPos(hwnd,iBar,iPos,bRedraw   //指定滑块在滚动栏范围中的位置. GetScrollRange // 获取滚动栏

duilib 的IE浏览器控件去边框和去滚动栏的代码

转载请说明原出处,谢谢~~ 近些天在duilib群里常常有朋友问起,怎么让duilib的IE控件能够去边框.去滚动栏的问题,或者是怎样去控件IE控件的行为.为了避免反复的回答,我就写一篇博文,把处理方法说明一下. duilib中有Webbrowser控件,是继承ActivexUI控件后针对IE进行的封装.使用IE控件的话就用他了. 这个控件留了一个接口名为SetWebBrowserEventHandler,这个函数用了指定一个事件处理器,来控制IE的行为. 而这个函数须要一个CWebBrowse

Cocos2d-x教程(31)-TableView的滚动栏

欢迎增加Cocos2d-x 交流群:193411763 转载时请注明原文出处 :http://blog.csdn.net/u012945598/article/details/38587659 在非常多游戏中,我们会看到类似下图的功能: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk0NTU5OA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Sout