javascript - 在创建时动态动画元素

我想动态创建 div，将它们附加到主体并设置 jQuery 动画。

这是创建元素的地方:

function drawSpot()
{
 var myH1 = document.createElement("div");
 myH1.style.position = "absolute";
 myH1.style.top = GetRandom(0,100)+"%";
 myH1.style.left = GetRandom(0,100)+"%";
 myH1.style.width="40px";
 myH1.style.height="40px";
 $("body").append(myH1);

}

从它们被附加到 body 开始，我想开始动画。

最佳答案

如果你已经在使用 jQuery，你应该一直这样做:

$('<div>', {
    css: {
        position:   'absolute',
        top:        GetRandom(0,100)+'%',
        left:       GetRandom(0,100)+'%',
        width:      '40px',
        height:     '40px'
    }
}).appendTo( document.body ).animate({
    left:  '100%'  // for instance
}, 2000);

通过使用 .appendTo()，您仍然可以引用原始对象并能够在其上链接方法。

引用: jQuery constructor , .appendTo() , .animate()

演示 : http://jsfiddle.net/dkuVu/

关于javascript - 在创建时动态动画元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6775801/