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时,使用了
最后给box绑定单击事件:
box.click(function () { setInterval(function () { move() }, 100); })
效果和之前文章一样。
阅读全文
0 0
- popup(2)
- POPUP
- Popup
- popup
- popup
- popup
- popup
- popup
- popup
- popup
- popup?
- popup
- popup
- ios开发学习-弹出视图(Popup View) 效果源码分享--系列教程2
- Handle popup windows in Selenium 2
- Web的桌面提醒(Popup)
- Web的桌面提醒(Popup)
- JavaScript实现popup日期控件(二)
- 男怕入错行,人艰不拆
- 归并排序(分治思想)
- TensorFlow学习日记2
- linux_下IP、网关、DNS地址配置
- Fusion 360 API:近期重要更新
- popup(2)
- MySQL在高版本需要指明是否进行SSL连接
- CNN中的filter
- PID
- php代码实现mysql连接池效果
- 第二章 UNIX标准及其实现
- zzuli 2134 维克兹的进制转换
- Problem 1:Find the sum of all the multiples of 3 or 5 below 1000.
- linux-arm间tftp命令的安装、使用