Tidak ada yang bisa dikatakan tentang ini. Esensi Letakkan kode secara langsung! Persimpangan
Yang pertama adalah kode HTML. Ini berisi tombol klik login dan kotak login yang sederhana.
Salin kode kode sebagai berikut:
<body>
<div id = "shade"> </div>
<div>
<a onClick = "login ()" style = "kursor: pointer"> login </a>
</div>
<br/>
Tidak ada yang berguna. Esensi Esensi <br/> <br/>
Tidak ada yang berguna. Esensi Esensi <br/> <br/>
Tidak ada yang berguna. Esensi Esensi <br/> <br/>
Tidak ada yang berguna. Esensi Esensi <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">
<able>
<laption>
Login pengguna
</caption>
<tr>
<td> Nama pengguna: </td>
<td> <input type = "text" name = "username" /> </td>
</tr>
<tr>
<td> Kata sandi: </td>
<td> <input type = "password" name = "password" /> </td>
</tr>
<tr>
<td> Kode verifikasi: </td>
<td> <img src = "base/verfy.html" onclick = ""> </td>
</tr>
<tr>
<td> <input type = "kirim" value = "login" /> </td>
<td> <input type = "tombol" value = "cancel" onclick = "cancel ()" /> </td>
</tr>
</boable>
</form>
</div>
</body>
Berikutnya adalah implementasi kode skrip JS
Salin kode kode sebagai berikut:
<type skrip = "Teks/JavaScript">
Fungsi 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>
Berikut hanya tampilan kode dan kode kotak login. Sedangkan untuk kode tersembunyi, itu juga sangat sederhana, yaitu, mengatur blok div dari lapisan naungan dan properti tampilan dari blok div dari kotak login (login) harus diatur ke tidak ada. Esensi
Pada titik ini, fungsi sederhana dari login div lapisan mengambang melalui lapisan mask diterapkan. Karya seni diselesaikan oleh semua orang.
Di sini, ada fitur untuk semua orang. Esensi Bagaimana cara membiarkan blok div dari kotak login pop -up mengikuti bilah rolling? Persimpangan
Kode percobaan saya adalah sebagai berikut.
Salin kode kode sebagai berikut:
Function 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";
}
function scall () {) {
LogindivCenter ();
}
window.onscroll = scall;
window.onresize = scall;
window.onload = scall;
Tapi sayangnya saya gagal. Esensi Saya menemukan banyak di internet, tetapi tidak ada yang memenuhi persyaratan. Sebagian besar dari mereka mengatur setInterval untuk diimplementasikan. Saya tidak berpikir ini ideal. Esensi Esensi
Berusaha mengajar semua dewa agung!