首页 >web前端 >js教程 >DIV始终居中的js代码_javascript技巧

DIV始终居中的js代码_javascript技巧

WBOY
WBOY原创
2016-05-16 16:59:38801浏览
复制代码如下代码:

渡 //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<头>
>
侧边栏广告

#show { 宽度:100px;高度:80px;背景:#0f0;位置:固定; _位置:绝对;右:0px;顶部:0px;}


window.onscroll = window.onresize = window.onload = function(){

var oDiv = document.getElementById("show");
var sTop = document.documentElement.scrollTop ||文档.body.scrollTop;
var cHeight= document.documentElement.clientHeight ||文档.body.clientHeight;
var mid = (cHeight - oDiv.offsetHeight) / 2;
// oDiv.style.top = parseInt(sTop mid) "px"; // 理论上应该只假设这句话就可以居中吧

// 实际上的四大浏览器只认识下面这个if判断
if(navigator.appVersion.indexOf("MSIE 6") > -1){
oDiv.style.top = parseInt(sTop mid) "px";
}else{
oDiv.style.top =mid "px";
}
}
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn