La couche contextuelle js native et la fenêtre à l'intérieur sont centrées_javascript skills

Copier le code Le code est le suivant : 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"; //Les parties suivantes doivent centrer le calque contextuel 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"; //Il y a un problème ici. Le calque contextuel est centré à gauche et à droite, mais le la hauteur n'est pas centrée. Elle est affichée dans la partie supérieure, provoquant un //Une partie est invisible, donc ajoutez temporairement une marge en haut en dessous //La partie suivante rend la page entière grise et. unclickable var procbg = document.createElement("div"); / /Créez d'abord un div procbg.setAttribute("id","mybg"); //Définissez l'identifiant du div procbg.style .background ="#000000"; procbg.style.width ="100%"; procbg.style.height ="100%" procbg.style.position ="fixé"; 🎜>procbg.style.top ="0"; procbg.style.left ="0" procbg.style.zIndex ="500" procbg.style.opacity ="0.6"; ; procbg.style.filter ="Alpha(opacity=70 )"; //Annuler la barre de défilement document.body.appendChild(procbg); ="auto"; //Les parties suivantes implémentent l'effet de glissement contextuel du calque (si vous souhaitez faire apparaître le mouvement div dans le calque, supprimez simplement la déconnexion suivante) /* 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() //Ferme le calque contextuel { var Idiv=document.getElementById("Idiv"); "); document.body.removeChild(mybg); Idiv.style. display="none"; document.body.style.overflow ="auto";//Restaurer la barre de défilement de la page //document.getElementById("mybg").style.display="none"; } -up couche ci-dessus et créez votre propre fonction de chargement.Déterminez si la page a été chargée et masquez chargement.gif une fois terminé Nouveau document function show(addressImg, img_w, img_h) { //Obtenir la hauteur de la page var h = (document.documentElement.scrollHeight > document.documentElement.clientHeight) ? document .documentElement.scrollHeight : document.documentElement.clientHeight; //Obtenir la largeur de la page var w = (document.documentElement.scrollWidth > document.documentElement.clientWidth) ? .scrollWidth; var procbg = document.createElement("div"); //Créez d'abord un div procbg.setAttribute("id", "mybg"); //Définissez l'identifiant du div procbg.style.background = "#555"; procbg.style.width = "100%" procbg.style.height = "100%" procbg.style.position = " corrigé"; procbg.style.top = "0"; procbg.style.left = "0"; procbg.style.zIndex = "500"; procbg.style.opacity = "0.6"; procbg.style.filter = "Alpha(opacity=70)"; //Annuler la barre de défilement document.body.appendChild(procbg); .style.overflow = "auto "; var pimg = document.createElement("img"); //Créer un img pimg.setAttribute("id", "bg_img") ; //Définir l'identifiant du div pimg.setAttribute("src", addressImg); //Définir l'identifiant du div var img_w = (w - img_w) / 2 var img_h; = (h - img_h) / 2; pimg.style.top = img_h "px"; pimg.style.left = img_w "px"; pimg.style.opacity = "0.9"; document.getElementById("mybg").appendChild(pimg); } function closeDiv() //Ferme le calque contextuel { var mybg = document.getElementById ("mybg"); document.body.removeChild(mybg); document.body.style.overflow = "auto";//Restaurer la barre de défilement de la page //document.getElementById("mybg").style.display="none"; } show('loading/loading3.gif', '100', '100'); >document.onreadystatechange = subSomething;//Quand la page Exécutez cette méthode lorsque l'état de chargement change function subSomething() { if (document.readyState == "complete") { //Lors du chargement de la page. le statut est terminé, entrez closeDiv(); }

La couche contextuelle js native et la fenêtre à l'intérieur sont centrées_javascript skills

Articles Liés