一、在中间显示;(参考：sky100articles1790515) 复制代码 代码如下: .ordersearchDivCss { position: absolute; z-index: 100; display: block; background-color: #6ec1df; } <div class="ordersearchDivCss" id="DivMain" style="width: 400px; height:200px" align="center"></div> Js code 调用：<input type="button" id="Button1" onclick="sc1(‘DivMain')" /> // JScript 文件 通过元素id得到对象的函数 function $(id) { return document.getElementById(id); } 复制代码 代码如下: function sc1(DivId) { var Div = $(DivId); $(DivId).style.top = (document.documentElement.scrollTop + (document.documentElement.clientHeight - $(DivId).offsetHeight) / 2) + "px"; $(DivId).style.left = (document.documentElement.scrollLeft + (document.documentElement.clientWidth - $(DivId).offsetWidth) / 2) + "px"; //alert($(DivId).style.top); } 二、始终在中间显示，滚动时，在Js中增加以下代码： 复制代码 代码如下: function scall() { sc1("DivMain"); } window.onscroll = scall; window.onresize = scall; window.onload = scall;

　　推荐阅读

　　js中if语句的几种优化代码写法

尽管我还没使用它去做一些尝试性的测试，但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单，能优化到什么程度？但是看看以下的几种方式，你也许会改变看法。 一、使用常见的三元操作符 复>>>详细阅读

本文标题：始终在屏幕中间显示Div的代码(css+js)

地址：http://www.17bianji.com/kaifa2/JS/24830.html

 1/2    1