当前位置:  Web服务器/前端>javascript

通过javascript实现DIV居中,兼容各浏览器版本

    本文导语: DIV始终保持在浏览器中央,兼容各浏览器版本代码如下:window.onresize = resetDiv; function resetDiv(){ //浏览器宽度 var sWidth = document.documentElement.clientWidth; //浏览器高度 var sHeight = document.documentElement.clientHeight; //设置对象 var obj = documen...

DIV始终保持在浏览器中央,兼容各浏览器版本代码如下:

window.onresize = resetDiv;
function resetDiv(){
//浏览器宽度
var sWidth  = document.documentElement.clientWidth;
//浏览器高度
var sHeight = document.documentElement.clientHeight;
//设置对象
var obj = document.getElementById('div_login');
//设置的高度和宽度减去DIV自身的高度和宽度
var w = sWidth/2-100;
var h = sHeight/2-100;
obj.style.marginLeft=w+'px';
obj.style.marginTop=h+'px';
}

您可能感兴趣的文章:

• 通过javascript库JQuery实现页面跳转功能代码
  
• 请问如何通过javascript直接将一个字符串送到windows剪贴板上？
  
• 不通过JavaScript实现的自动滚动视差效果
  
• 50分！两个简单问题。.jsp文件中可以插入javascript代码吗？是否可以通过某框架中链接的target属性将.jsp文件在另一框架中显示？
  
• javascript通过url向jsp页面传递中文参数导致乱码解决方案
  
• 如何通过javascript把IE的窗口中的菜单条，url栏，联接栏，状态栏全部隐藏
  

• 本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
  本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
  转载请注明：文章转载自:[169IT-IT技术资讯]
  本文标题:通过javascript实现DIV居中,兼容各浏览器版本
  

通过pjax实现无刷新翻页(兼容新版jquery)

Web系统通过EXE文件实现读取客户电脑MAC等硬件信息且兼容非IE浏览器