让图片位于正中间

来源:互联网 发布:无人机测绘拼图软件 编辑:程序博客网 时间:2024/05/01 01:27

<script language="JavaScript">
function scrollbox() {
 var box = document.getElementById('box');
 box.style.top =  document.body.scrollTop + (document.body.clientHeight - box.style.pixelHeight) / 2;
 box.style.left = document.body.scrollLeft + (document.body.clientWidth - box.style.pixelWidth) / 2;
}
</script>
<body onload="scrollbox()" onscroll="scrollbox()" onresize="scrollbox()">
<div id="box" style="position: absolute; width: 100px; height: 100px; background-color: red;"></div>
<img height="1000" />

原创粉丝点击