javaee论坛

普通会员

225648

帖子

352

回复

366

积分

楼主
发表于 2017-07-20 02:48:59 | 查看: 88 | 回复: 1
按照以前写法,用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);        })

效果和之前文章一样。


上一篇:isPrime 下一篇:《悟透javascript》摘抄 1.0

普通会员

0

帖子

328

回复

334

积分
沙发
发表于 2024-04-29 01:41:55

我喜欢

您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017