1

2 つの div (parentDiv、childDiv) があります。ParentDiv は複数の画像を含むため、ユーザーが画像をクリックすると、その画像を childDiv にコピーする必要があります (これは jQuery クローン機能を使用して実現できます) が、フライング アニメーションのようにコピー プロセスをアニメーション化したいと考えています。私はこれを試しましたが、

var clonedImg = $("#img").clone().css("position", "absolute").css("opacity","0");
                $("#parent").append(clonedImg);
                clonedImg.animate({ 
                   opacity: 1,
                    top: '+=300'
                }, 5000, function () {
                    $("#child").append(clonedImg);
                });

フィドルへのリンク

4

1 に答える 1

2

アニメーションを実行する前に、複製された要素を DOM に追加する必要があります。

  $("#btnTransfer").click(function () {
            var clonedImg = $("#img").clone();
            $("#child").append(clonedImg);
            clonedImg.css("position", "relative").animate({ opacity: 0.25,
                top: '+=50'
            }, 5000, function () {
                clonedImg.css("opacity", "1");
            });
        });

デモ: http://jsfiddle.net/VvCXr/6/

于 2013-01-18T06:12:37.013 に答える