Die Funktion ist sehr einfach, aber sehr praktisch, und der Code ist prägnanter, sodass es hier keinen Unsinn mehr geben wird Geben Sie den Quellcode an: Code kopieren Der Code lautet wie folgt: http://www.w3.org/1999/xhtml"> <br> *<br> {<br> Rand: 0px;<br> Polsterung: 0px;<br> }<br> .dragBox<br> {<br> Breite: 400px;<br> Höhe: 200px;<br> Position: absolut;<br> oben: 40 %;<br> übrig: 40 %;<br> Hintergrund: #e8e8e8;<br> Z-Index: 8001;<br> }<br> .dragBox > div<br> {<br> Höhe: 30px;<br> Cursor: bewegen;<br> Hintergrund: #00ff21;<br> Position: relativ;<br> } <p>.ui-mask<br> {<br> Breite: 100 %;<br> Höhe: 100 %;<br> Hintergrund: #000;<br> Position: absolut;<br> oben: 0px;<br> Z-Index: 8000;<br> Deckkraft: 0,4;<br> Filter: Alpha(Opazität=40);<br> }<br> <br> $(function () {<br> var mouseOffx = 0;<br> var mouseOffy = 0;<br> var isDrag = false;<br> $(".dragBox div:eq(0)").unbind(".click").on("mousedown", function (ev) {<br> mouseOffx = ev.clientX - $(".dragBox div:eq(0)").offset().left;<br> mouseOffy = ev.clientY - $(".dragBox div:eq(0)").offset().top;<br> isDrag = true;<br> })<br> $(document).unbind(".click").on("mousemove", function (ev) {<br> var mourseX = ev.clientX, mourseY = ev.clientY;<br> var moveX = 0, moveY = 0;<br> if (isDrag === true) {<br> moveX = mourseX - mouseOffx;<br> moveY = mourseY - mouseOffy;<br> var maxX = $(window).outerWidth(false) - $(".dragBox").outerWidth(false);<br> var maxY = $(window).outerHeight(false) - $(".dragBox").outerHeight(false);<br> moveX = Math.min(maxX, Math.max(0, moveX));<br> moveY = Math.min(maxY, Math.max(0, moveY));<br> $(".dragBox").css({ "left": moveX, "top": moveY });<br> }<br> });<br> $(document).unbind(".click").on("mouseup", function () {<br> isDrag = false;<br> });<br> });<br> testen
