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


  • 相关阅读:
    代理服务器的原理及用法
    [Web前端] 给li设置float浮动属性之后,无法撑开外层ul的问题。
    [Web 前端] react-router4-0中文文档
    [Web 前端] inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移
    [Web 前端] React Js img 图片显示默认 占位符
    [Web 前端] React高级教程(es6)——(2)对于Refs最新变动的理解
    [Web 前端] 你不知道的 React Router 4
    [Web 前端] React-router4简约教程
    [Web 前端] React Router v4 入坑指南
    [Web 前端] 前端频道之团队维护、聚合、订阅
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3753585.html
Copyright © 2011-2022 走看看