JS实现弹出框文字居中

来源:互联网 发布:淘宝淘宝联盟怎么用法 编辑:程序博客网 时间:2024/06/04 18:10
jscript.dom.layerCenterH=function(inObj){//设置水平居中
    var lca;
    var lcb;
    var lcx;
    var iebody;
    var dsocleft;
    if(window.innerWidth){
        lca=window.innerWidth; //窗口的文档显示区宽度 同理innerheight
    }else{
        lca=document.body.clientWidth;//网页可见区域宽
    }
    lcb=inObj.offsetWidth;//当前对象的宽度
    lcx=(Math.round(lca/2))-(Math.round(lcb/2));
    //document.compatMode判断当前浏览器采用的渲染方式
    iebody==(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;
    //document.all是页面内所有元素的一个集合。可以判断浏览器是否为IE
    //pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    // pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    dsocleft=document.all?iebody.scrollLeft:window.pageXOffset;
    inObj.style.left=lcx+dsocleft+"px";
}


jscript.dom.layerCenterV=function(inObj){//设置垂直居中
    var lca;
    var lcb;
    var lcy;
    var iebody;
    var dsoctop;
    if(window.innerHeight){
        lca=window.innerHeight; //窗口的文档显示区宽度 同理innerheight
    }else{
        lca=document.body.clientHeight;//网页可见区域宽
    }
    lcb=inObj.offsetHeight;//当前对象的宽度
    lcy=(Math.round(lca/2))-(Math.round(lcb/2));
    //document.compatMode判断当前浏览器采用的渲染方式
    iebody==(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body;
    //document.all是页面内所有元素的一个集合。可以判断浏览器是否为IE
    //pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    // pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    dsoctop=document.all?iebody.scrollLeft:window.pageYOffset;
    inObj.style.left=lcy+dsoctop+"px";
}
0 0
原创粉丝点击