按照以前写法,用jquery来做;当然这两种办法都不如canvas好用,改天写。
http://blog.csdn.net/power8988/article/details/74775396
因为用jQuery只是用在了生成和去掉div中,生成div的代码如下:
function newDiv() {
var newDiv = $("<div></div>");
num++;
newDiv.css({
"width": randomN(5, 50) + "px",
"height": randomN(5, 50) + "px",
"top": randomN(30, 500) + "px",
"left": randomN(30, 500) + "px",
"backgroundColor": randomColor(),
"borderRadius": randomN(5, 50) + "%"
})
box.append(newDiv);
}
删除div的代码如下:
function removeDiv() {
box.find("div:eq("+ randomN(1, num)+")").remove();
num--
}
以上都用到了box这个变量;
这是
var box = $("#box");
总结一下:jquery操作dom确实简单,有关删除div时,使用了
parent.find(
son),而没有使用$parent.child(),貌似前一种速度快;
最后给box绑定单击事件:
box.click(function () {
setInterval(function () {
move()
}, 100);
})
效果和之前文章一样。