Artikel ini menjelaskan efek penerapan DV pada halaman oleh JS. Bagikan untuk referensi Anda, sebagai berikut:
<style type = "text/css"> body {margin: 0px;}#div1 {display: none; Posisi: Absolute; z-index: 1000; Tinggi: 100%; Lebar: 100%; Latar Belakang: #000000; filter: alpha (opacity = 30);}#div2 {display: none; Posisi: Absolute; Tinggi: 100%; Lebar: 100%; Padding-Top: 10%; z-index: 1001;}#div3 {display: block; Posisi: Absolute; z-index: 999;} </tyle> <script type = "text/javascript"> // Tentukan objek bergerak dan koordinat bergerak var mouse_obj = "none", _ x, _y; // seret fungsi objek (otomatis) document.onmouseMove = function () {if (mouse_obj! == ") {) {if (mouse_obj! ==") {) {if (mouse_obj! == ") {) {) {if (mouse_obj! ==" document.geteLementById (mouse_obj) .style.left = _x+event.x; document.geteLementById (mouse_obj) .style.top = _y+event.y; event.returnValue = false; }} // BERHENTI FUNGSI DRAGGING (Otomatis) Document.onMouseUp = function () {mouse_obj = "none";} // Tentukan bahwa fungsi objek yang diseret o adalah fungsi objek yang diseret m (o) {mouse_obj = o; _x = parseInt (document.getElementById (mouse_obj) .style.left) -event.x; _y = parseInt (document.geteLementById (mouse_obj) .style.top) -event.y;} </script> <div id = "div1"> </div> <div id = "div2" onmousedown = "m (this.id)" style = "kiri: 0px; Top: 0px;"> latar belakang = "2 cell =" 1 " #ff7300; Posisi: statis; filter: progid: dximagetransform.microsoft.dropshadow (color =#666666, offx = 4, offy = 4, positif = true) <align = "left"> <tr style = "cursor: move;"> <td> <font color = "<tr style =" cursor: moving; "> <td> <font color =" found " align = "right"> <input type = "tombol" value = "x" ontClick = "document.geteLementById ('div1'). style.display = 'none'; document.geteLementById ('div2'). style.display = 'none';" style = "kursor: hand;"> </td> </tr> <td colspan = "2" bgcolor = "#ffffff" align = "middle"> Selamat datang di <a href = "// www.vevb.com"> // www.vevb.com </a> </td> </tr> // www. type = "Tombol" value = "Open layer" onClick = "document.geteLementById ('div1'). style.display = 'block'; document.geteLementById ('div2'). style.display = 'block';"> </div>Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Efek dan Teknik Peralihan Javascript", "Ringkasan Keterampilan Algoritma Pencarian JavaScript", "Ringkasan Teknik Animasi dan Teknik JavaScript," Ringkasan Ringkasan Data Javascript dan Ringkasan Data Javascript "," Ringkasan Data JavaScript "," Ringkasan Data JavaScript "," Ringkasan DEBUGRITM PENGABUNG DAN RINGKASI DAGGING "RINGKASI DAN RINGKASAN DATRICKS" RINGKASI DAN RINGKASI DAGGING "RINGKASI DAN RINGKASI DAGGING" RINGKAS Algoritma dan teknik traversal javascript ", dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.