<div class="codetitle"> <span><a style="CURSOR: pointer" data="39268" class="copybut" id="copybut39268" onclick="doCopy('code39268')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code39268"> <br> <br> <br> <br><title> New Document </title> <br><meta charset="UTF-8"> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br><meta name="Author" content=""> <br><meta name="Keywords" content=""> <br><meta name="Description" content=""> <br><style type="text/css"> <BR>* <BR>{ <BR>padding:0px; <BR>margin:0px; <BR>} <BR>#Idiv <BR>{ <BR>width:900px; <BR>height:auto; <BR>position:absolute; <BR>z-index:1000; <BR>border:2px solid #ffffff; <BR>background:#ffffff; <BR>} <BR></style> <br><br> <br> <br><br><div id="Idiv" style="display:none;"> <br><a href="javascript:void(0)" onclick="closeDiv()">点击关闭层</a> <br><br>document.documentElement 的区别<br>document.documentElement 的区别 <br> </div> <br><div><a href="javascript:void(0)" id="show" onclick="show()">点击打开弹出层!</a></div> <br> <br><script langue="javascript"> <br><br>関数 show() <BR>var Idiv=document.getElementById("Idiv") ; <BR>Idiv.style.display="block"; <BR>//次の部分はポップアップ レイヤーを中央に配置する必要があります <BR>Idiv.style.left=(document.documentElement.clientWidth-Idiv.clientWidth)/ 2 document .documentElement.scrollLeft "px"; <BR>//alert(document.body.scrollTop) <BR>var aa_scrollTop = document.body.scrollTop || document.body.scrollTop; Idiv. style.top=(document.documentElement.clientHeight-Idiv.clientHeight)/2 aa_scrollTop "px"; // ここで問題が発生します。高さが中央に表示されず、 //一部が見えないので、<BR><BR><BR>の下に一時的に margin-top を追加します。//以下の部分はページ全体を灰色にし、 unclickable<br>var procbg = document.createElement("div"); / /まず div を作成します <br>procbg.setAttribute("id","mybg") //div の ID を定義します <BR>procbg .style.background ="#000000"; <BR>procbg.style.width ="100%"; <BR>procbg.style.position ="固定" ; <BR>procbg.style.top ="0"; <BR>procbg.style.left ="0"; <BR>procbg.style.opacity =" 0.6"; <BR>procbg.style.filter ="Alpha(opacity=70 )"; <BR>//スクロールバーをキャンセル<BR>document.body.appendChild(procbg); <BR>document.body.style .overflow ="auto"; <BR><BR>// 以下の部分はレイヤーのポップアップドラッグ効果を実装します (レイヤー内で div の動きをポップアップさせたい場合は、次のログアウトを削除するだけです) <BR>/ * <BR>var posX; <BR>var posY; <br>Idiv.onmousedown=function(e ) <br>{ <BR>if(!e) e = window.event; e.clientX - parseInt(Idiv.style.left); <BR>posY = e.clientY - parseInt (Idiv.style.top); <BR>document.onmousemove = Mousemove <BR>} =function() <BR>{ <BR>document.onmousemove =null; <BR>} <BR>function Mousemove(ev) <BR>{ <BR>if(ev==null) ev = window.event;/ /IE <BR>Idiv.style.left = (ev.clientX - posX) "px"; <BR>Idiv.style.top = (ev.clientY - posY) "px"; ><BR>} <BR>function closeDiv() //ポップアップレイヤーを閉じる<BR>{ <BR><BR>var Idiv=document.getElementById("Idiv"); <BR>var mybg = document.getElementById( "mybg"); <BR>document.body.removeChild(mybg); <BR>document.body.style.overflow ="auto";//スクロールバー<br>//document.getElementById("mybg").style.display="none"; <br>} <BR></script> <br>上のポップアップ レイヤーを使用して、独自の読み込み関数を作成します。ページが読み込まれたかどうかを確認し、完了後にloading.gifを非表示にします <br><br> <br> <br> <br><title>新しいドキュメント </title> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8 "> <br> <br><br><br> <br><script type=" text/ecmascript "> <BR>function show(addressImg, img_w, img_h) { <BR>//ページの高さを取得します<BR>var h = (document.documentElement.scrollHeight > document.documentElement.clientHeight) ? document .documentElement.scrollHeight : document.documentElement.clientHeight; <BR>//ページ幅を取得します<BR>var w = (document.documentElement.scrollWidth > document.documentElement.clientWidth) : document.documentElement ? .scrollWidth; <BR>var procbg = document.createElement("div"); //最初に div を作成します <BR>procbg.setAttribute("id", "mybg"); //div の ID を定義します>procbg.style.background = "#555"; <BR>procbg.style.width = "100%"; <BR>procbg.style.position = "修正済み"; <BR> procbg.style.top = "0"; <BR>procbg.style.left = "0"; <BR>procbg.style.zIndex = "500"; <BR>procbg.style.opacity = "0.6"; <BR>procbg.style.filter = "Alpha(opacity=70)" <BR>//スクロールバーをキャンセルします<BR>document.body.appendChild(procbg); .style.overflow = "auto "; <BR><BR><BR>var pimg = document.createElement("img") //画像を作成します <br>pimg.setAttribute("id", "bg_img"); ; // div ID を定義します <br>pimg.setAttribute("src", addressImg) // div の ID を定義します <BR>var img_w = (w - img_w) / 2; = (h - img_h) / 2; <BR>pimg.style.top = img_h "px"; <BR>pimg.style.left = img_w "px"; <BR>pimg.style.opacity = "0.9"; <BR>document.getElementById("mybg").appendChild(pimg); <BR>} <BR>function closeDiv() //ポップアップレイヤーを閉じる<BR> { <BR>var mybg = document.getElementById ("mybg"); <BR>document.body.removeChild(mybg); <BR>document.body.style.overflow = "auto";// ページ スクロール バーを復元します<BR>//document.getElementById("mybg ").style.display="none"; <BR>} <BR>show('loading/loading3.gif', '100', '100'); >document.onreadystatechange = subSomething;//ページ読み込み時 <BR>function subSomething() { <BR>if (document.readyState == "complete") { //ページ読み込み時ステータスは完全に完了しています。<BR>closeDiv(); <BR>} <BR></script> <br><br> </div>