zoukankan      html  css  js  c++  java
  • 获取样式的简单的函数封装

            var CSS = {
                getStyle:function(elem,name){//获取样式
                    if(elem.style[name]){ 
                        return elem.style[name]; 
                    } else if(elem.currentStyle){ 
                        return elem.currentStyle[name]; 
                    } else if(document.defaultView && document.defaultView.getComputedStyle){ 
                        name = name.replace(/([A-Z])/g,"-$1"); 
                        name = name.toLowerCase(); 
                        var s = document.defaultView.getComputedStyle(elem,""); 
                        return s && s.getPropertyValue(name); 
                    } else{ 
                        return null; 
                    } 
                },
                getPageX:function(elem){//元素相对于整个文档的X位置
                    return elem.offsetParent? elem.offsetLeft + CSS.getPageX(elem.offsetParent) : elem.offsetLeft;
                },
                getPageY:function(elem){//元素相对于整个文档的Y位置
                    return elem.offsetParent? elem.offsetTop + CSS.getPageY(elem.offsetParent) : elem.offsetTop;
                },
                getParentX:function(elem){//元素相对于父亲的X位置
                    return elem.parentNode === elem.offsetParent ? elem.offsetLeft : CSS.getPageX(elem) - CSS.getPageX(elem.parentNode);
                },
                getParentY:function(elem){//元素相对于父亲的Y位置
                    return elem.parentNode === elem.offsetParent ? elem.offsetTop : CSS.getPageY(elem) - CSS.getPageY(elem.parentNode);
                },
                getPosX:function(elem){//元素相对于它的CSS容器的X位置 
                    return parseInt(CSS.getStyle(elem,"left")); 
                },
                getPosY:function(elem){//元素相对于它的CSS容器的Y位置 
                    return parseInt(CSS.getStyle(elem,"top")); 
                },
                setOpacity:function(elem,level){
                    if(elem.filters){ 
                        elem.style.filters = 'alpha(opacity='+level+')'; 
                    }else{ 
                        elem.style.opacity = level/100; 
                    }                 
                }
            };
  • 相关阅读:
    9.vue之v-show
    8.vue之计数器
    Elasticsearch日志-docker安装Elasticsearch
    Elasticsearch日志-错误记录-聚合查询
    Elasticsearch日志-yum安装Kibana
    禅道邮箱配置记录
    docker容器内安装服务
    docker容器内查看容器系统
    CentOS7防火墙配置
    Linux服务器docker运行的时间差
  • 原文地址:https://www.cnblogs.com/violinxliu/p/3881201.html
Copyright © 2011-2022 走看看