zoukankan      html  css  js  c++  java
  • 滚动条样式设计IE支持

    1、 控制横向和纵向滚动条的显隐

    去掉滚动条 x 轴 <body > 
         去掉滚动条 y 轴 <body > 
         滚动条 x/y 轴全部去掉 <body scroll="no">

        2、滚动条颜色

         <style> 
         BODY{ 
         SCROLLBAR-FACE-COLOR: #ffffff; 
         SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
         SCROLLBAR-SHADOW-COLOR: #ffffff; 
         SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
         SCROLLBAR-ARROW-COLOR: #ffffff; 
         SCROLLBAR-TRACK-COLOR: #eeeeee; 
         SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;} 
         </style>

         SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色 
         SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色 
         SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色 
         SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色 
         SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色 
         SCROLLBAR-TRACK-COLOR 滚动条的背景颜色 
         SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色 
         SCROLLBAR-BASE-COLOR 滚动条的基本颜色

        3、 箭行符号滚动条代码

    <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: white; 
         scrollbar-highlight-color: white; 
         scrollbar-shadow-color: white; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        4、 一侧滚动条代码

         <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: white; 
         scrollbar-highlight-color: white; 
         scrollbar-shadow-color: hotpink; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        5、 朴素型滚动条代码

         <style type="text/css"> 
         <!-- 
         BODY { 
         scrollbar-face-color: white; 
         scrollbar-highlight-color: hotpink; 
         scrollbar-shadow-color: hotpink; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        6、一侧滚动条代码

    <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: white; 
         scrollbar-highlight-color: white; 
         scrollbar-shadow-color: hotpink; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        7、 立体型滚动条代码

         <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: pink; 
         scrollbar-highlight-color: deeppink; 
         scrollbar-shadow-color: lavenderblush; 
         scrollbar-3dlight-color: lavenderblush; 
         scrollbar-arrow-color: white; 
         scrollbar-track-color: lavenderblush; 
         scrollbar-darkshadow-color: deeppink} 
         --> 
         </style>

  • 相关阅读:
    PHP Socket 编程详解
    PHPWord生成word实现table合并(colspan和rowspan)
    PhpExcel中文帮助手册|PhpExcel使用方法
    js限制input标签中只能输入中文
    如何巧用.htaccess设置网站的压缩与缓存
    Linux xargs命令
    PHP加密解密类
    2014 年10个最佳的PHP图像操作库
    学习swoft的第二天_注解
    学习swoft的第一天
  • 原文地址:https://www.cnblogs.com/liangle/p/2512536.html
Copyright © 2011-2022 走看看