Heim > Web-Frontend > js-Tutorial > jQuery-Implementierungsprinzipien und Beispiele für das Ziehen von Div, das Verschieben von Div und die Popup-Ebene_jquery

jQuery-Implementierungsprinzipien und Beispiele für das Ziehen von Div, das Verschieben von Div und die Popup-Ebene_jquery

WBOY
Freigeben: 2016-05-16 16:53:02
Original
1264 Leute haben es durchsucht

Code-Demonstration:

http://www.imqing.com/demo/movediv.html

Allgemeines Prinzip:

Machen Sie die Position des Div absolut und kontrollieren Sie es dann Seine oberen und linken Werte müssen Mausereignisse überwachen, hauptsächlich Mousedown, Mousemove und Mouseup.

Zeichnen Sie nach dem Mousedown die Position der Maus und des Div auf, das während des Mousedowns verschoben werden muss, und ermitteln Sie dann die Differenz zwischen den beiden, um die Position des Div nach der Mausbewegung zu ermitteln. Das heißt:

links = aktuelle Mausposition.x - (.x-Wert, wenn mit der Maus geklickt wird - x-Wert der Anfangsposition des Div)
oben = aktuelle Mausposition.y - (. y-Wert, wenn mit der Maus geklickt wird – der Anfangspositions-y-Wert des div)

Code:

Code kopieren Der Code lautet wie folgt:


equiv="Content-Type" content="text /html;charset=UTF-8"> 2.min.js" type="text/javascript">