zoukankan      html  css  js  c++  java
  • 简单的漂浮层

    /*去除IE下抖动*/
    *html{background-image:url(about:blank);background-attachment:fixed;}
    
    .piaofu
    {
        width: 158px;
        height: 413px;
        position: fixed;
        z-index: 1000;
        right: 35px;
        top: 100px;
        margin-top: 15px; 
        /*IE6下浮动*/
        _top: 150px;
        _position: absolute;
        _bottom: auto;
        _top: expression(eval(document.documentElement.scrollTop+120));
    }

    标头提示层或便捷功能菜单层:

        <thead>
                                <tr style="position: relative;top: expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-38:0)-1);">
                                    <th class="tdcss" onclick="sortAble('tb',0,'int')">
                                        房间资料分析
                                    </th>
                                    <th class="tdcss" colspan="4" onclick="sortAble('tb',1,'int')">
                                        本日统计
                                    </th>
                                    <th class="tdcss" colspan="4" onclick="sortAble('tb',2,'int')">
                                        本月统计
                                    </th>
                                    <th class="tdcss" colspan="4" onclick="sortAble('tb',3,'int')">
                                        本年统计
                                    </th>
                                </tr>
        </thead>

    主要是此段代码:

    <tr style="position: relative;top: expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-38:0)-1);" >

    至少兼容IE8

    <div class="divRight" style="position: relative;">
                <div style="position: absolute;" id="divPosi"></div>
    </div>
    /*右边漂浮层(checkbox是否漂浮,滚动到一定位置才漂浮)*/
    window.onscroll = function () {
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (document.getElementById("cbscroll").checked && scrollTop > 454) {
                    document.getElementById("divPosi").style.top = (scrollTop - 454) + "px";
                } else {
                    document.getElementById("divPosi").style.top = 0;
                }
            }
  • 相关阅读:
    map方法,以及filter方法的使用
    detach与remove区别,以及detach保留被删除的元素数据,使用
    jQuery 文档操作
    javascript 清空数组的方法
    jquery遍历数组的方式
    Oracle表空间不足处理
    css 文本超出2行就隐藏并且显示省略号
    Vim中的寄存器
    spacemacs怎样配置编辑器显示行号?
    Docker考前突击
  • 原文地址:https://www.cnblogs.com/elves/p/3498024.html
Copyright © 2011-2022 走看看