jquery实战6(高级特效烟花效果)
jquery实战6:高级特效烟花效果 1.动态创建盒子模型:click()点击事件; append()添加节点; animate({},500,function(){}); 动画创建及其三个参数的意义。.css()对象css样式改变; .clientx.clientY鼠标点击时出发事件获取位置.height();浏览器窗口的获取。 2.循环创建30个小盒子:for循环,remove(); 移除对象节点。 3.给30个盒子定义随机颜色:Math.random()获取0到1的随机数。Math.ceil()取整,toString(16)转换为16进制数,颜色值得表示,.speedX .speedY速度的定义。 4.定时播放小盒子运动,setInterval(function(){},1000)定时器;position().top,position().left对象距离浏览器上或顶部距离的获取。 5.减少内存负担,移除看不见的盒子和关闭看不见的盒子对应的定时播放器,减少内存的消耗。 文章图片 文章图片 文章图片 文章图片 2.循环创建30个小盒子:for循环,remove(); 移除对象节点。 文章图片 3.给30个盒子定义随机颜色:Math.random()获取0到1的随机数。Math.ceil()取整,toString(16)转换为16进制数,颜色值得表示 .speedX .speedY速度的定义。 文章图片 文章图片 文章图片 文章图片 文章图片 文章图片 4.定时播放小盒子运动,setInterval(function(){},1000)定时器;position().top,position().left对象距离浏览器上或顶部距离的获取。 文章图片 5.减少内存负担,移除看不见的盒子和关闭看不见的盒子对应的定时播放器,减少内存的消耗。 文章图片 |
推荐阅读
- 事件代理
- 唐嫣可真会穿,西装搭牛仔裤都能穿出高级感,一双大长腿太抢镜
- 鹿鸣高级营养老师徐老师分享应该注意的6种食物
- 《机器学习实战》高清中文版PDF英文版PDF+源代码下载
- jQuery插件
- Java基础-高级特性-枚举实现状态机
- HTTP高级(Cookie,Session|HTTP高级(Cookie,Session ,LocalStorage )
- --木木--|--木木-- 第二课作业#翼丰会(每日一淘6+1实战裂变被动引流# 6+1模式)
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 程序员|【高级Java架构师系统学习】毕业一年萌新的Java大厂面经,最新整理