您现在的位置:首页 >> 前端 >> 内容

popup布局(2)

时间:2017/7/14 10:06:10 点击:

  核心提示:按照以前写法,用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时,使用了parent.find(son),而没有使用$parent.child(),貌似前一种速度快;
最后给box绑定单击事件:

box.click(function () {
            setInterval(function () {
                move()
            }, 100);
        })

效果和之前文章一样。

Tags:PO OP PU UP 
作者:网络 来源:power8988的