Dieser Artikel beschreibt den Effekt der Implementierung des DV auf der Seite von JS. Teilen Sie es für Ihre Referenz wie folgt weiter:
<style type = "text/css"> body {margin: 0px;}#div1 {display: keine; Position: absolut; Z-Index: 1000; Höhe: 100%; Breite: 100%; Hintergrund: #000000; Filter: alpha (opacity = 30);}#div2 {display: keine; Position: absolut; Höhe: 100%; Breite: 100%; Padding-Top: 10%; Z-Index: 1001;}#div3 {Anzeige: Block; Position: absolut; Z-Index: 999;} </style> <script type = "text/javaScript"> // Definieren Sie das bewegliche Objekt und die sich bewegenden Koordinaten var mouse_obj = "none", _ x, _y; // Objektfunktion (automatisch) document.onmousemove = function () {if (mouse_obj! document.getElementById (MOUSE_OBJ) .Style.Left = _x+Ereignis.x; document.getElementById (MOUSE_OBJ) .Style.top = _y+event.y; Ereignis.ReturnValue = false; }} // Abzog das Ziehen nicht mehr (automatisch) document.onmouseUp = function () {maus_obj = "Keine";} // Bestimmen Sie, dass die Funktion "Ziehene Objekte O die Funktion" Ziehene Objektfunktion M (o) {mouse_obj = o ist; _x = parseInt (document.getElementById (maus_obj) .style.left) -event.x; _y = parseInt (document.getElementById (mouse_obj) .style.top) -event.y;} </script> <div1 "div1"> </div> <div2 id = "div2" onmouseDown = "m (this.id)" style = "links: 0px; topx; #ff7300; Position: static; Filter: progid: diximagetransform.microSoft.dropShadow (color =#666666, offx = 4, offy = 4, positives = true) "Align =" links "> <tr style =" cursor: Move; Align = "rechts"> <Eingabe type = "button" value = "x" onclick = "document.getElementById ('div1'). style.display = 'none'; document.getElementById ('div2'). style.display = 'none'; style="cursor: hand;"></td> </tr> <td colspan="2" bgcolor="#FFFFFF"align="middle">Welcome to <a href="//www.VeVB.COM">//www.VeVB.COM</a></td> </tr></table></div><div id="div3"><input type="button" value = "Open Layer" onclick = "document.getElementById ('div1'). style.display = 'block'; document.getElementById ('div2'). style.display = 'block';"> </div>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.