يمكن القول أنه بعد أن فهمت "الأفعى" السابقة ، هذه الوظيفة أقل صعوبة بكثير مما كنت أتخيل في البداية. بالطبع ، يشتبه في أن هذه الطريقة صعبة ، وهي في النهاية تم تنفيذ الوظيفة. دعونا نحلل وتنظيمه.
1. مبدأ التنفيذ
مبدأ التنفيذ لهذه المقالة هو كما يلي:
* في الواقع ، الطبقة المنبثقة وطبقة القناع وعرض الصفحة الأصلي هي ثلاثة divs مختلفة على التوالي
* مستوى الطبقة المنبثقة أعلى من طبقة القناع ، ومستوى طبقة القناع أعلى عرض الصفحة الأصلي ؛
* طبقة القناع لها تأثير واضح
* طبقة القناع ليس لها معنى عملي ، لذلك لا يلزم كتابة على جزء HTML. بالطبع ، يمكن أيضًا تحقيقه بعد الكتابة.
2. تنفيذ الكود
لغة HTML هي كما يلي:
نسخة الكود كما يلي:
<html>
....
<body>
<centre>
<viv> <input type = "button" value = "go" onClick = "show ()"> </viv>
<div id = "Alert" style = "display: none ؛">
<Porm>
تسجيل الدخول
<type type = "text"> <input type = "password"> <input type = "subvice" value = "login">
</form>
</div>
</center>
</body>
</html>
JavaScript ينفذ طبقة منبثقة وطبقة قناع:
نسخة الكود كما يلي:
<span style = "font-size: 12px ؛"> show () {
var alertpart = document.getElementById ("Alert") ؛
alertpart.style.display = "block" ؛
alertpart.style.position = "absolute" ؛
alertpart.style.top = "50 ٪" ؛
ALERTPART.STYLE.LEFT = "50 ٪" ؛
alertpart.style.margintop = "-75px" ؛
alertpart.style.marginleft = "-150px" ؛
alertpart.style.background = "cyan" ؛
alertpart.style.width = "300px" ؛
alertpart.style.height = "200px" ؛
alertpart.style.zindex = "501" ؛
var mybg = document.createElement ("div") ؛
mybg.setattribute ("id" ، "mybg") ؛
mybg.style.background = "#000" ؛
mybg.style.width = "100 ٪" ؛
mybg.style.height = "100 ٪" ؛
mybg.style.position = "المطلق" ؛
mybg.style.top = "0" ؛
mybg.style.left = "0" ؛
mybg.style.zindex = "500" ؛
mybg.style.opacity = "0.3" ؛
mybg.style.filter = "alpha (عتامة = 30)" ؛
document.body.appendChild (mybg) ؛
document.body.style.overflow = "Hidden" ؛
}
</script> </span>
هنا نستخدم z-ondex لتمييز التسلسلات الهرمية ، العتامة والفلتر: alpha (opacity =) الشفافية ، المستند. في الواقع ، عندما يتم فهم المبدأ ، سيكون كل شيء أسهل بكثير.
الطريق طويل وشاق