日期:2014-05-18  浏览次数:20490 次

弹出层居中
JScript code
<script type="text/javascript">
    var wWidth=100;

    var isIe=(document.all)?true:false;  /*设置select的可见状态*/  
    function setSelectState(state){  
        var objl=document.getElementsByTagName('select');  
        for(var i=0;i <objl.length;i++)  
            {  objl[i].style.visibility=state;  }  
    }  
    function mousePosition(ev)  {  
        if(ev.pageX || ev.pageY)  {  
            return {x:ev.pageX, y:ev.pageY};  
        }  
        return {  x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop  };  
    }  
    /*弹出方法*/  
    function showMessageBox(wTitle,content,pos,wWidth)  {  
        closeWindow();  
        var bWidth=parseInt(document.documentElement.scrollWidth);  
        var bHeight=parseInt(document.documentElement.scrollHeight);  
        if(isIe){  setSelectState('hidden');}  
        var back=document.createElement("div");  
        back.id="back";  
        var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";  
        styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";  
        back.style.cssText=styleStr;  document.body.appendChild(back);  
        showBackground(back,50);  
        var mesW=document.createElement("div");  
        mesW.id="mesWindow";  
        mesW.className="mesWindow";  
        mesW.innerHTML=" <div class='mesWindowTop'> <table width='100%' height='100%'> <tr> <td>"+wTitle+" </td> <td style='width:1px;'> <input type=\"image\" src=\"images/cancel.png\" title='关闭窗口' class='close' onclick='closeWindow();'/> </td> </tr> </table> </div> <div class='mesWindowContent' id='mesWindowContent'>"+content+" </div> <div class='mesWindowBottom'> </div>";  styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(300)+"px;position:absolute;width:"+wWidth+"px;";  mesW.style.cssText=styleStr;  document.body.appendChild(mesW);  
    }  
    /*让背景渐渐变暗*/  
    function showBackground(obj,endInt)  {  
        if(isIe)  {  
            obj.filters.alpha.opacity+=1;  
            if(obj.filters.alpha.opacity <endInt)  {  
                setTimeout(function(){showBackground(obj,endInt)},5);  }  
            }else{  
                var al=parseFloat(obj.style.opacity);
                al+=0.1;  
                obj.style.opacity=al;  
                if(al <(endInt/1))  {
                    setTimeout(function(){showBackground(obj,endInt)},5);}  
            }  
     }  
     /*关闭窗口*/  
     function closeWindow()  {  
        if(document.getElementById('back')!=null)  {  
            document.getElementById('back').parentNode.removeChild(document.getElementById('back'));  
        }  
        if(document.getElementById('mesWindow')!=null)  {  
            document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));  
        }  
        
        if(isIe){  setSelectState('');}  
     }  
     
     /*测试弹出*/  
     function testMessageBox(ev)  {  
        var objPos = mousePosition(ev);  
        messContent=" <div style='text-align:center;'></div>";  
        showMessageBox('<%=keFangWrite %>',messContent,objPos,500);  
     } 
    
    </script>



怎么让它居中啊

------解决方案--------------------
用百分比
------解决方案--------------------
http://www.cnblogs.com/ZHUYIN/archive/2011/10/31/2229823.html参考
------解