Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 368|回复: 0

[默认分类] html中滚动条的样式

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-7-5 16:48:42 | 显示全部楼层 |阅读模式

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






    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-6-1 19:59 , Processed in 0.400192 second(s), 46 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表