• html中滚动栏的样式


    DIV滚动栏设置 (CSS)2008/09/26 03:07div 中滚动栏的控制2008年01月06日 星期日 01:181)隐藏滚动栏
    <body style="overflow-x:hidden;overflow-y:hidden">
    (2)怎样在单元格或图层中出现滚动栏
    <div style="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">


  • 相关阅读:
    3.30一周拾遗
    3.25周 一周拾遗
    自动加载以及Composer的实现
    MySQL 事务处理
    PHP代码实现3 [函数角度]
    PHP代码实现2 [从变量和数据的角度] 1
    PHP代码实现2 [从变量和数据的角度] 2
    vue 报错: [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded" 很可能是你的name错了
    vue电商开发记录1—实现电商图片放大镜,移入放大效果
    vue图片点击放大预览v-viewer
  • 原文地址:https://www.cnblogs.com/gcczhongduan/p/4032629.html
Copyright © 2020-2023  润新知