jQuery Girl
  1. jQuery Girl
  3. Comment déplacer un div (contenant une image) à l’intérieur d’un autre div en utilisant jquery
Intereting Posts
jqgrid 4.5.4 formateur: sélectionnez ne fonctionne pas pour les valeurs en double dans la liste déroulante Parcourir plusieurs couleurs d’arrière-plan – Rechercher l’amélioration du code Dans la boîte de dialog Interface utilisateur jQuery, est-il possible de placer une boîte de dialog modale au-dessus d’une autre Mettre en surbrillance la section d’une image mappée lorsque le texte survole la page Web Comment définir le label optgroup select dans Vue.js? bootstrap popover à partir du code derrière Se faire cocher le bouton radio comment envoyer un fichier en utilisant jquery? JQuery: ‘TypeCrror non capturé: invocation illégale’ à la demande ajax Puis-je évaluer le type de réponse d’un appel $ .ajax () lors d’un rappel de succès? Comment faire en sorte que la barre de navigation change de couleur lorsque vous faites défiler la page? Ajouter une fonction de téléchargement d’image dans ce code ajax existant Cliquer sur la barre de défilement d’une div déclenche l’événement de flou dans IE Puis-je transmettre la valeur viewbag à jQuery dans mvc2 les vues partielles mvc perdent la trace du dossier images lors de l’utilisation de jquery

Comment déplacer un div (contenant une image) à l’intérieur d’un autre div en utilisant jquery

Je dois déplacer une image div vers une autre image div avec effets et animation. Comment puis-je faire ceci?

Mon code: 

var div2Pos = $("#marque").position(); var div2Width = $("#marque").css("width"); var div2Height = $("#marque").css("height"); $("#img-div").animate({'left':div2Pos.left, 'width':div2Width, 'height':div2Height}, 1000);

où ‘#marque’ est ma destination div et ‘# image-div’ est ma div originale

Merci d’avance

vous devez faire en sorte que l’élément absalut l’anime jusqu’à la position absalout de la destnation et, lorsqu’une fin d’affectation, enlevez et ajoutez l’élément elemt et enlevez la position absalut 

  var des = $(".destnation").position(); var el = $(".toMove"); el.css("position", "absolute"); el.animate({ top: des.top+"px" ,left :des.left+"px"}, 2000, undefined, function () { el.remove().appendTo(".destnation").css("position", "static"); });

voir l’exemple de violoneux http://jsfiddle.net/yamsalm/3U52z/