لا يوجد شيء ليقوله عن هذا. جوهر ضع الرمز مباشرة! التقاطع
الأول هو رمز HTML. أنه يحتوي على زر انقر فوق تسجيل الدخول ومربع تسجيل الدخول المتواضع.
نسخ رمز رمز على النحو التالي:
<body>
<div id = "Shade"> </viv>
<viv>
<a onclick = "login ()" style = "cursor: pointer"> تسجيل الدخول </a>
</div>
<br/>
لا شيء مفيد. جوهر جوهر <br/> <br/>
لا شيء مفيد. جوهر جوهر <br/> <br/>
لا شيء مفيد. جوهر جوهر <br/> <br/>
لا شيء مفيد. جوهر جوهر <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br /> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br /> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<div id = "login" style = "display: none ؛ z-index: 1025 ؛ posity: absolute ؛">
<form method = "post" Action = "user/login.html">
<griding>
<Sption>
تسجيل الدخول المستخدم
</caption>
<tr>
<td> اسم المستخدم: </td>
<td> <input type = "text" name = "username" /> </td>
</r>
<tr>
<td> كلمة المرور: </td>
<td> <input type = "password" name = "password" /> </td>
</r>
<tr>
<td> رمز التحقق: </td>
<td> <img src = "base/verfy.html" onClick = ""> </td>
</r>
<tr>
<td> <input type = "submit" value = "login" /> </td>
<td> <input type = "button" value = "cancel" onClick = "Cancel ()" /> </td>
</r>
</table>
</form>
</div>
</body>
التالي هو تنفيذ رمز نص JS
نسخ رمز رمز على النحو التالي:
<script type = "text/javaScript">
دالة تسجيل الدخول () {) {
var shadewidth = document.body.clientwidth + 30 ؛
var shadheight = document.body.clientheight + 30 ؛
var shade = document.getElementById ("shade") ؛
Shade.style.width = ShadewIdth + "PX" ؛
Shade.style.head = ShadeHeight + "PX" ؛
Shade.style.display = "block" ؛
var logidivwidth = 200 ؛
var logidivheight = 800 ؛
var logidiv = document.getElementById ("login") ؛
logindiv.style.width = logindivwidth + "px" ؛
logindiv.style.height = logindivheight + "px" ؛
logindiv.style.top = (document.body.scrolltop + document.body.clitingheight / 2
-logindivheight / 2) + "px" ؛
logindiv.style.left = (document.body.scrollleft + document.body.clientwidth / 2
-logindivwidth / 2) + "px" ؛
logindiv.style.display = "block" ؛
}
</script>
فيما يلي فقط عرض الرمز ورمز مربع تسجيل الدخول. بالنسبة إلى الرمز المخفي ، فهو أيضًا بسيط للغاية ، أي تحديد كتلة Div لطبقة الظل وخاصية العرض الخاصة بمربع تسجيل الدخول (تسجيل الدخول) لا ينبغي أن تكون هناك مشكلة. جوهر
في هذه المرحلة ، يتم تنفيذ وظيفة بسيطة من تسجيل الدخول إلى طبقة Div العائمة من خلال طبقة القناع. يتم حل عمل الفنون من قبل الجميع.
هنا ، هناك ميزة للجميع. جوهر كيف تدع مجموعة Div في مربع تسجيل الدخول Pop -up تتبع شريط المتداول؟ التقاطع
رمز تجربتي كما يلي.
نسخ رمز رمز على النحو التالي:
وظيفة logindivCenter () {
logindiv.style.top = (document.body.scrolltop + document.body.clitingheight / 2
-logindivheight / 2) + "px" ؛
logindiv.style.left = (document.body.scrollleft + document.body.clientwidth / 2
-logindivwidth / 2) + "px" ؛
}
دالة Scall () {) {
logindivcenter () ؛
}
window.onscroll = scall ؛
window.onresize = scall ؛
window.onload = scall ؛
لكن لسوء الحظ فشلت. جوهر لقد وجدت الكثير على الإنترنت ، لكن لم يفي أي منهم بالمتطلبات. معظمهم تعيين setInterval للتنفيذ. لا أعتقد أن هذا مثالي. جوهر جوهر
تسعى لتعليم كل الآلهة العظيمة!