博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生JS实现爱心气球随机飘落
阅读量:3924 次
发布时间:2019-05-23

本文共 216 字,大约阅读时间需要 1 分钟。

原理:

  1. .给定一个宽高的DIV设置背景颜色;
  2. 在盒子的上方创建随机个爱心;
  3. 让图片随机速度 随机左右方向 垂直向下落;
  4. 飘落在盒子外的爱心,立即删除,关闭计时器;

大致原理结构图

代码如下:内附详细注释

    
Document

效果图:

在这里插入图片描述
小总结:

  • 该案例书写方式是构造函数+原型
  • 主要对构造函数+原型的练习
  • 熟悉定时器的启动和关闭
  • 对元素的创建和删除,元素的位置和赋值有明确的了解

转载地址:http://erkgn.baihongyu.com/

你可能感兴趣的文章
MapReduce原理
查看>>
zookeeper原理
查看>>
MapReduce入门
查看>>
WEB服务器、应用程序服务器、HTTP服务器区别
查看>>
小白入门:大型网站技术架构负载均衡技术
查看>>
归并排序(JAVA)
查看>>
对Java Serializable(序列化)的理解和总结
查看>>
Netty Buffer(缓冲)
查看>>
Docker简单介绍
查看>>
.ftl文件 是什么文件
查看>>
数据结构与算法--栈、队列(队列)
查看>>
分段,分页与段页式存储管理
查看>>
动态规划
查看>>
增强学习(一)——马尔科夫决策过程(MDP)
查看>>
增强学习(二)——策略迭代与值迭代
查看>>
IPv6地址表示方法详解
查看>>
数据库三级模式
查看>>
Shiro连载-----2.Shiro身份验证
查看>>
Mybatis之PageHelper使用文档
查看>>
编译原理期末复习资料
查看>>