zoukankan      html  css  js  c++  java
  • 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">


  • 相关阅读:
    Windows2012下安装和配置Oracle BIEE12c
    Windows Oracle 12安装教程
    SpringCloud学习之Ribbon使用(四)
    SpringCloud学习之手把手教你用IDEA搭建入门项目(三)
    SpringCloud学习之手把手教你用IDEA搭建入门项目(二)
    SpringCloud学习之手把手教你用IDEA搭建入门项目(一)
    SpringCloud学习之手把手教你用IDEA搭建入门项目【番外篇】(一)
    SpringCloud学习之大纲总略(大纲篇)
    Websocket @serverendpoint 404
    XMLHttpRequest status为0
  • 原文地址:https://www.cnblogs.com/pocter/p/3684522.html
Copyright © 2011-2022 走看看