ไม่มีอะไรจะพูดเกี่ยวกับเรื่องนี้ แก่นแท้ ใส่รหัสโดยตรง! จุดตัด
อย่างแรกคือรหัสของ HTML มันมีปุ่มคลิกเข้าสู่ระบบและกล่องเข้าสู่ระบบที่ต่ำต้อย
คัดลอกรหัสรหัสดังนี้:
<body>
<div id = "Shade"> </div>
<div>
<a onclick = "เข้าสู่ระบบ ()" style = "เคอร์เซอร์: ตัวชี้"> เข้าสู่ระบบ </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 = "ล็อกอิน" style = "แสดง: ไม่มี; z-index: 1025; posity: สัมบูรณ์;">
<form method = "post" action = "user/login.html">
<table>
<คำอธิบาย>
เข้าสู่ระบบผู้ใช้
</section>
<tr>
<td> ชื่อผู้ใช้: </td>
<td> <อินพุต type = "text" name = "username" /> < /td>
</tr>
<tr>
<td> รหัสผ่าน: </td>
<td> <อินพุต type = "รหัสผ่าน" name = "รหัสผ่าน" /> </td>
</tr>
<tr>
<td> รหัสการตรวจสอบ: </td>
<td> <img src = "base/verfy.html" onclick = ""> </td>
</tr>
<tr>
<td> <อินพุต type = "subment" value = "เข้าสู่ระบบ" /> < /td>
<td> <อินพุต type = "button" value = "ยกเลิก" onclick = "cancel ()" /> </td>
</tr>
</table>
</form>
</div>
</body>
ถัดไปคือการใช้รหัสสคริปต์ JS
คัดลอกรหัสรหัสดังนี้:
<script type = "text/javascript">
ฟังก์ชั่นเข้าสู่ระบบ () {) {
var shadewidth = document.body.clientwidth + 30;
var shadeheight = 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 ("เข้าสู่ระบบ");
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 ชั้นลอยผ่านชั้นหน้ากากถูกนำมาใช้ งานศิลปะได้รับการแก้ไขโดยทุกคน
ที่นี่มีคุณสมบัติสำหรับทุกคน แก่นแท้ จะปล่อยให้บล็อก DIV ของกล่องเข้าสู่ระบบป๊อปอัพตามแถบกลิ้งได้อย่างไร? จุดตัด
รหัสการทดลองของฉันมีดังนี้
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น 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";
-
ฟังก์ชั่นหอก () {) {
logindivcenter ();
-
window.onscroll = ลำไส้เล็ก;
window.onresize = Scall;
window.onload = ลำไส้เล็ก;
แต่น่าเสียดายที่ฉันล้มเหลว แก่นแท้ ฉันพบจำนวนมากบนอินเทอร์เน็ต แต่ไม่มีใครปฏิบัติตามข้อกำหนด ส่วนใหญ่ตั้งค่า setInterval ให้ใช้ ฉันไม่คิดว่ามันเหมาะอย่างยิ่ง แก่นแท้ แก่นแท้
พยายามสอนเทพเจ้าที่ยิ่งใหญ่ทั้งหมด!