jQuery faisant glisser un div, déplacer un div et principes de mise en œuvre de la couche contextuelle et exemples_jquery

Démonstration de code :

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

Principe général :

Rendre la position du div absolue, puis contrôler Ses valeurs supérieure et gauche doivent surveiller les événements de la souris, principalement mousedown, mousemove et mouseup.

Après le déplacement de la souris, enregistrez la position de la souris et du div qui doit être déplacé pendant le déplacement de la souris, puis obtenez la différence entre les deux pour obtenir la position du div après le déplacement de la souris. C'est-à-dire :

left = position actuelle de la souris.x - (valeur .x lorsque l'on clique sur la souris - valeur x de la position initiale du div)
top = position actuelle de la souris.y - (. y lorsque l'on clique sur la souris, valeur - la position initiale y valeur du div)

Code :

equiv="Content-Type" content="text /html;charset=UTF-8">


🎜>

Banner">Cliquez ici pour déplacer le div actuel

Voici un autre contenu