js实现浮动框自动居中

by pxz


发布于: 2010-11-30 所属分类: 前端 javascript 标签:  188


<pre><code>/****************** 自动居中代码 *********************/ window.onload = setToCenter; window.onscroll = setToCenter; window.onresize = setToCenter; function setToCenter() { var con = document.getElementById('con'); //要居中的元素 con.style.position = 'absolute'; //绝对定位 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //滚动高度, 前ie, 后谷歌火狐 var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; var clientWidth = document.documentElement.clientWidth; //有效宽度 var clientHeight = document.documentElement.clientHeight; var left = Number(scrollLeft + (parseInt(clientWidth) - parseInt(con.style.width))/2 ) +'px'; var top = Number(scrollTop + (parseInt(clientHeight) - parseInt(con.style.height))/2 ) +'px'; con.style.left = left; con.style.top = top; } /****************** ******** *********************/ </code></pre><p><a title="auto center demo" href="/demos/autocenter/autocenter.html" target="_blank">show demo</a></p>

发表评论

暂无评论

搜索
用户登陆