核心提示:按照以前写法,用jquery来做;当然这两种办法都不如canvas好用,改天写。因为用jQuery只是用在了生成和去掉p中,生成p的代码如下:function newDiv() {var newDiv...
按照以前写法,用jquery来做;当然这两种办法都不如canvas好用,改天写。
因为用jQuery只是用在了生成和去掉p中,生成p的代码如下:
function newDiv() { var newDiv = $("
"); 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); }
删除p的代码如下:
function removeDiv() { box.find("p:eq("+ randomN(1, num)+")").remove(); num-- }
以上都用到了box这个变量;
这是
var box = $("#box");
总结一下:jquery操作dom确实简单,有关删除p时,使用了
最后给box绑定单击事件:
box.click(function () { setInterval(function () { move() }, 100); })
效果和之前文章一样。