<strong>1. 中央に表示します (参照: <a href="http://www.jb51.net/article/26525.htm" target="_blank">sky100articles1790515)</a><br></strong><div class="codetitle"> コードをコピーします<span><a style="CURSOR: pointer" data="55486" class="copybut" id="copybut55486" onclick="doCopy('code55486')"><u>コードは次のとおりです: </u></a> </span>.ordersearchDivCss </div>{ <div class="codebody" id="code55486">位置: 絶対; <br>表示: ブロック; 6ec1df; <br>} <br><div class="ordersearchDivCss" id="DivMain" style="width: 400px; height:200px" align="center"><br> <br>Js コード <br>呼び出し: <input type="button" id="Button1" onclick="sc1('DivMain')" /> JScript ファイルは、要素 ID<br>関数 $(id) <br>{ <br>return document.getElementById(id) </div>} <br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです。 <div class="codetitle"> <span> <a style="CURSOR: pointer" data="47200" class="copybut" id="copybut47200" onclick="doCopy('code47200')">function sc1(DivId) { <u>var Div = $(DivId); </u>$(DivId).style.top = ( document.documentElement.scrollTop ( document.documentElement.clientHeight - $(DivId).offsetHeight) / 2) "px"; </a>$(DivId).style.left = (document.documentElement.scrollLeft (document.documentElement.clientWidth) - $(DivId).offsetWidth) / 2) "px"; </span>//alert($(DivId).style.top); </div> <div class="codebody" id="code47200"> <br><br> 2.常に中央に表示し、スクロールする場合は、Js に次のコードを追加します: <br><br><br><br><br> </div>コードをコピー <br><strong><br> コードは次のとおりです: </strong><div class="codetitle"> <span> 関数 scall() { <a style="CURSOR: pointer" data="25174" class="copybut" id="copybut25174" onclick="doCopy('code25174')">sc1("DivMain"); <u>window.onscroll = scall </u>window.onresize = scall; window.onload = 呼び出し</a></span> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
