zoukankan      html  css  js  c++  java
  • DIV 自动滚动功能及滚动条颜色修改

    1.DIV 自动滚动

    <script type="text/javascript">
    function startmarquee(lh, speed, delay) {
    var t;
    var oHeight = 300; /** div的高度 **/
    var p = false;
    var o = document.getElementById("show");
    var preTop = 0;
    o.scrollTop = 0;
    function start() {
    t = setInterval(scrolling, speed);
    o.scrollTop += 1;
    }
    function scrolling() {
    if (o.scrollTop % lh != 0
    && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
    preTop = o.scrollTop;
    o.scrollTop += 1;
    if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
    o.scrollTop = 0;
    }
    } else {
    clearInterval(t);
    setTimeout(start, delay);
    }
    }
    setTimeout(start, delay);
    }
    window.onload = function () {
    /**startmarquee(一次滚动高度,速度,停留时间);**/
    startmarquee(20, 40, 50);
    }
    </script>

     <div id="show" style="height: 600px; 100%; overflow-y: scroll;scrollbar-base-color:#ffffff;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#ffffff; overflow-x: none;"></div>

    2.滚动条颜色

    scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 
    crollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色
    scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 
    scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
    scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 
    scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 
    scrollbar-base-color 设置或检索滚动条基准颜色。

                                                                                                                                                                                                                                转载自    网络

  • 相关阅读:
    蓝桥网试题 java 基础练习 特殊的数字
    蓝桥网试题 java 基础练习 杨辉三角形
    蓝桥网试题 java 基础练习 查找整数
    蓝桥网试题 java 基础练习 数列特征
    蓝桥网试题 java 基础练习 字母图形
    蓝桥网试题 java 基础练习 01字串
    蓝桥网试题 java 基础练习 回文数
    蓝桥网试题 java 基础练习 特殊回文数
    Using text search in Web page with Sikuli
    each of which 用法
  • 原文地址:https://www.cnblogs.com/Eton/p/6040661.html
Copyright © 2011-2022 走看看