Die native js-Popup-Ebene und das darin enthaltene Fenster basieren auf Javascript-Fähigkeiten

Code kopieren Der Code lautet wie folgt: New Document * { padding:0px; margin:0px; } #Idiv { width:900px; height:auto; position:absolute; z-index:1000; border:2px solid #ffffff; background:#ffffff; } 点击关闭层 document.documentElement 的区别 document.documentElement 的区别 点击打开弹出层！ function show() { var Idiv=document.getElementById("Idiv") ; Idiv.style.display="block"; //Die folgenden Teile sollten die Popup-Ebene zentrieren Idiv.style.left=(document.documentElement.clientWidth-Idiv.clientWidth)/ 2 document .documentElement.scrollLeft "px"; //alert(document.body.scrollTop) var aa_scrollTop = document.documentElement.scrollTop ||. document.body.scrollTop; Idiv. style.top=(document.documentElement.clientHeight-Idiv.clientHeight)/2 aa_scrollTop "px";//Die Popup-Ebene ist links und rechts zentriert, aber die Die Höhe wird nicht im oberen Teil angezeigt, was dazu führt, dass ein Teil davon unsichtbar ist. Fügen Sie daher vorübergehend margin-top unten hinzu. //Der folgende Teil macht die gesamte Seite grau und unclickable var procbg = document.createElement("div"); / /Erstellen Sie zuerst ein Div procbg.setAttribute("id","mybg"); //Definieren Sie die Div-ID procbg.style .background ="#000000"; procbg.style.width ="100%"; procbg.style.position ="fixed"; 🎜>procbg.style.top ="0"; procbg .style.left ="0"; procbg.style.zIndex ="500"; ; procbg.style.filter ="Alpha(opacity=70 )"; /Scrollleiste abbrechen document.body.appendChild(procbg); ="auto"; //Die folgenden Teile implementieren den Popup-Drag-Effekt der Ebene (wenn Sie die Div-Bewegung innerhalb der Ebene anzeigen möchten, entfernen Sie einfach die folgende Abmeldung) /* var posX; var posY; Idiv.onmousedown=function(e ) { if(!e) e = window.event; //IE posX = e. clientX - parseInt(Idiv.style.left); posY = e.clientY - parseInt (Idiv.style.top); document.onmousemove = mousemove; document.onmouseup =function () { document.onmousemove =null; } function mousemove(ev) { if(ev==null) ev = window.event;//IE Idiv.style.left = (ev.clientX - posX) "px"; Idiv.style.top = (ev.clientY - posY) "px"; 🎜>} function closeDiv() //Schließe die Popup-Ebene { var Idiv=document.getElementById("Idiv"); var mybg = document.getElementById("mybg "); document.body.removeChild(mybg); Idiv.style. display="none"; document.body.style.overflow ="auto";// Stellen Sie die Bildlaufleiste der Seite wieder her //document.getElementById("mybg").style.display="none"; -up-Ebene oben und erstellen Sie Ihre eigene Ladefunktion.Stellen Sie fest, ob die Seite geladen wurde, und blenden Sie „loading.gif“ nach Abschluss aus Neues Dokument function show(addressImg, img_w, img_h) { //Seitenhöhe abrufen var h = (document.documentElement.scrollHeight > document.documentElement.clientHeight) ? document .documentElement.scrollHeight : document.documentElement.clientHeight; //Seitenbreite abrufen var w = (document.documentElement.scrollWidth > document.documentElement.clientWidth) ? document.documentElement.scrollWidth : document.documentElement .scrollWidth; var procbg = document.createElement("div"); //Erstelle zuerst ein div procbg.setAttribute("id", "mybg"); >procbg.style.background = "#555"; procbg.style.width = "100%"; procbg.style.position = " behoben"; procbg.style.top = "0"; procbg.style.left = "0"; procbg.style.zIndex = "500"; procbg.style.opacity = "0.6"; procbg.style.filter = "Alpha(opacity=70)"; .style.overflow = "auto "; var pimg = document.createElement("img"); //Erstelle ein img pimg.setAttribute("id", "bg_img") ; //Definieren Sie die Div-ID pimg.setAttribute("src", addressImg); //Definieren Sie die Div-ID var img_w = (w - img_w) / 2; = (h - img_h) / 2; pimg.style.top = img_h "px"; pimg.style.left = img_w "px" pimg.style.position = "fixed"; pimg.style.opacity = "0.9"; document.getElementById("mybg").appendChild(pimg); } function closeDiv() //Schließe die Popup-Ebene { var mybg = document.getElementById ("mybg"); document.body.removeChild(mybg); document.body.style.overflow = "auto";//Stellen Sie die Bildlaufleiste der Seite wieder her //document.getElementById("mybg").style.display="none"} show('loading/loading3.gif', '100', '100'); >document.onreadystatechange = subSomething;//Wenn die Seite diese Methode ausführt, wenn sich der Ladestatus ändert function subSomething() { if (document.readyState == "complete") { //Wenn die Seite geladen wird Status ist abgeschlossen, geben Sie closeDiv(); } ein

Die native js-Popup-Ebene und das darin enthaltene Fenster basieren auf Javascript-Fähigkeiten

In Verbindung stehende Artikel