Dieser Artikel beschreibt die Methode von JS, um die Auswahl von Mausboxen zu erzielen. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! DocType html public "-// w3c // dtd html 4.01 // en Boxauswahleffekt </title> <style> *{padding: 0; Rand: 0; } #bottom {Position: absolut; unten: 0px; Breite: 100%; Höhe: 40px; Grenze: 1PX Solid #000; Hintergrund:#000; Farbe: #fff; } .TempDiv {Border: 1PX gestrichelt Blue; Hintergrund:#5A72F8; Position: absolut; Breite: 0; Höhe: 0; Filter: Alpha (Deckkraft: 10); Opazität: 0.1} </style> <script type = "text/javaScript"> window.onload = function () {var stateBar = document.getElementById ("boden"); document.onmouseDown = function (e) {var posx = e.clientX; var posy = e.clienty; var div = document.createelement ("div"); div.classname = "tempdiv"; div.style.left = e.clientX+"px"; div.style.top = e.clienty+"px"; document.body.appendchild (div); document.onmousemove = function (ev) {div.style.left = math.min (ev.clientx, posx) + "px"; div.style.top = math.min (ev.clienty, posy) + "px"; div.style.width = math.abs (posx - ev.clientx)+"px"; div.style.height = math.abs (posy - ev.clienty)+"px"; stateBar.innerhtml = "mousex:" + ev.clientx + "<br/> MOusey:" + ev.clienty; document.onmouseUp = function () {div.parentnode.removechild (div); document.onmousemove = null; document.onmouseUp = null; }}}} </script> </head> <body> <div id = "boden"> </div> </body> </html>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.