L'exemple de cet article décrit comment utiliser JavaScript pour faire apparaître un calque flottant transparent après avoir cliqué sur un bouton. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Ici, la page devient grise après avoir cliqué et une fenêtre d'invite de calque flottant centrée apparaît à l'aide de JS. Cette fenêtre est transparente et la transparence peut être définie. Codes JavaScript sur Internet. Vous pouvez en tirer des leçons.
浮动层居中的对话框效果演示'+sTitle+ ((bCancel)? '':'')+ '\n' + sHTML; dg.innerHTML = sHTML; var dbg = document.createElement("div"); dbg.id = "nd-bdg"; dbg.className = "neat-dialog-bg"; var dgc = document.createElement("div"); dgc.className = "neat-dialog-cont"; dgc.appendChild(dbg); dgc.appendChild(dg); if (document.body.offsetLeft > 0) dgc.style.marginLeft = document.body.offsetLeft + "px"; document.body.appendChild(dgc); if (bCancel) document.getElementById("nd-cancel").onclick = function() { window.neatDialog.close(); }; this.elt = dgc; window.neatDialog = this; } } NeatDialog.prototype.close = function() { if (this.elt) { this.elt.style.display = "none"; this.elt.parentNode.removeChild(this.elt); } window.neatDialog = null; } function openDialog() { var sHTML = '你现在看到的是一个层窗口,是被JS控制弹出的'+ '关闭'; new NeatDialog(sHTML, "你知道吗?", false); } " _ue_custom_node_="true">
【Recommandations du didacticiel associées】
1 Tutoriel vidéo JavaScript
2. Manuel3.
Tutoriel bootstrap