popup(2)

来源:互联网 发布:怎样取消淘宝芝麻信用 编辑:程序博客网 时间:2024/06/07 16:32

按照以前写法,用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);        })

效果和之前文章一样。

原创粉丝点击