Darüber gibt es nichts zu sagen. Wesen Setzen Sie den Code direkt ein! Überschneidung
Der erste ist der Code von HTML. Es enthält die Schaltfläche Anmeldeklick und ein bescheidenes Anmeldefeld.
Kopieren Sie den Code -Code wie folgt:
<body>
<div id = "Shade"> </div>
<div>
<a onclick = "login ()" style = "cursor: pointer"> login </a>
</div>
<br/>
Nichts ist nützlich. Wesen Wesen <br/> <br/>
Nichts ist nützlich. Wesen Wesen <br/> <br/>
Nichts ist nützlich. Wesen Wesen <br/> <br/>
Nichts ist nützlich. Wesen Wesen <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 = "Anzeige: Keine; Z-Index: 1025; Posity: Absolut;">
<Form method = "post" action = "user/login.html">
<tabelle>
<Caption>
Benutzeranmeldung
</caption>
<tr>
<td> Benutzername: </td>
<td> <Eingabe type = "text" name = "userername" /> < /td>
</tr>
<tr>
<td> Passwort: </td>
<td> <Eingabe type = "password" name = "password" /> < /td>
</tr>
<tr>
<td> Verifizierungscode: </td>
<td> <img src = "base/verfy.html" onclick = ""> </td>
</tr>
<tr>
<td> <Eingabe type = "surug" value = "login" /> < /td>
<td> <Eingabe type = "button" value = "cancel" onclick = "covorn ()" /> < /td>
</tr>
</table>
</form>
</div>
</body>
Als nächstes kommt die Implementierung des JS -Skriptcode
Kopieren Sie den Code -Code wie folgt:
<script type = "text/javaScript">
Funktion login () {) {
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 ("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>
Hier sind nur die Codeanzeige und der Code des Anmeldefelds. Was den versteckten Code betrifft, so ist es auch sehr einfach, den Div -Block der Schattenschicht zu setzen, und die Anzeigeeigenschaft des Div -Blocks des Anmeldefelds (Login) sollte auf keine festgelegt werden. Wesen
Zu diesem Zeitpunkt wird eine einfache Funktion der schwimmenden Schicht Div durch die Maskenschicht implementiert. Das Kunstwerk wird von allen gelöst.
Hier gibt es eine Funktion für alle. Wesen Wie lasse ich den Div -Block des Pop -UP -Anmeldungsfelds der Rollleiste folgen? Überschneidung
Mein Experimentcode lautet wie folgt.
Kopieren Sie den Code -Code wie folgt:
Funktion 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";
}
Funktion scall () {) {
LogindivCenter ();
}
window.onscroll = scall;
window.onResize = scall;
window.onload = scall;
Aber leider habe ich versagt. Wesen Ich habe im Internet viel gefunden, aber keiner von ihnen hat die Anforderungen erfüllt. Die meisten von ihnen setzen ein SetInterval für die Implementierung. Ich denke nicht, dass das ideal ist. Wesen Wesen
Ich möchte alle großen Götter lehren!