jquery创建-移动-消失

Question

我想用jquery在页面加载时候创建16个apDiv,点击一个按钮让他们移动到一个地方.这些apDiv移动到目的地之后.全部隐藏.
今天做一次伸手党.麻烦各位大侠把代码给出来.谢啦...!

Answer 1

用animate({left: '50px',top:'100px'}, "slow");可以移动 。

Answer 2

移动我知道怎么做.
 我主要是想知道怎么用jquery去创建DIV和移动后怎么消失

Answer 3

for (var j = 1; j < 17; j++) {
        $(document.body).append("<div class='dv' style='position:absolute;left:" + Math.random() * 1000 + "px;top:" + Math.random() * 500 + "px; width:30px;height:30px;border:solid 1px black;'>" + j + "</div>");
    }
    $(document.body).click(function () {
       
        $(".dv").animate({ "left": event.clientX, "top": event.clientY }, 1200).fadeOut(500);
    });是随机的、记住引用jq

Answer 4

反正大概就是这样吧   鼠标点击页面   16个div移动至点击的地方然后隐藏