提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

DIV始终居中的js代码

JS代码 div 居中 始终
2023-06-13 09:15:18 时间
复制代码代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>侧边栏广告</title>
<styletype="text/css">
#show{width:100px;height:80px;background:#0f0;position:fixed;_position:absolute;right:0px;top:0px;}
</style>
<scripttype="text/javascript">
window.onscroll=window.onresize=window.onload=function(){

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

//实际上的各大浏览器只认识下面这if判断
if(navigator.appVersion.indexOf("MSIE6")>-1){
oDiv.style.top=parseInt(sTop+mid)+"px";
}else{
oDiv.style.top=mid+"px";
}
}

相关文章