Dieser Artikel teilt Ihnen das Beispiel von JavaScript zur Implementierung der Auswahl der Maus -Box -Auswahl. Der spezifische Inhalt ist wie folgt
Reproduktionsbild:
Code:
<html> <Head> </head> <style> Körper {padding: 100px;} .filediv {float: links; Breite: 100px; Höhe: 100px; Text-Align: Mitte; Linienhöhe: 100px; Font-Size: 12px; Border: 1PX Solid #ccc; Margin-Right: 10px; rot; Hintergrundfarbe:#d6dff7;} </style> <script type = "text/javaScript"> (function () {document.onmouseDown = function () {var sellist = []; var fileNodes = document.getElementsByTagName ("div"); für (var i = 0; i <filenodes.Lende; (Filenodes [i] (evt.y || evt.clienty); #0099ff; Hintergrundfarbe: #C3D5ED; Z-Index: 1000; Filter: Alpha (Opazität: 60); Opazität: 0,6; Anzeige: Keine; "; SELDIV.ID =" SELECTDIV "; document.body.Appendchild (seldiv.style.left = startx +"; _x = null; evt.clientX); Seldiv.Style.Height = Math.abs (_y - starty) + "px"; ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 3. _H = Seldiv.offseteight; _W && Sellist [i] .Offsettop <_t + _h) {if (Sellist [i] .ClassName.Indexof ("seled") == -1) {Sellist [i] .ClassName = Sellist [i] .ClassName + "SELED"; Sellist [i] .ClassName = "fileDiv"; null, startx = null, starty = null, evt = null; Funktion ClearEventBubble (evt) {if (evt.stoppropagation) evt.stoppropagation (); sonst evt.cancelBubble = true; if (evt.preventDefault) evt.preventDefault (); sonst evt.returnValue = false; } function showsseldiv (arr) {var count = 0; var selinfo = ""; für (var i = 0; i <arr.length; i ++) {if (arr [i] .className.indexof ("seled")! = -1) {count ++; selinfo + = arr [i] .innerhtml + "/n"; }} alert ("select" + count + "Dateien, die: /n" + selinfo); } </script> <body> <div>file1</div> <div>file2</div> <div>file3</div> <div>file4</div> <div>file5</div> <div>file6</div> <div>file7</div> <div>file8</div> <div>file9</div> </body> </html>Das Obige dreht sich alles um diesen Artikel, ich hoffe, es wird für das Lernen aller hilfreich sein.