欢迎点击「算法与编程之美」↑关注我们!
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
问题描述
在学习JavaScript的过程中,学习到了如何随机生成一个div模型,并且进一步学会在其中嵌入一个雪花图案,在生成雪花图案的基础上可以将雪花通过函数来进行移动,实现雪花的随机生成和飘落,下面来进行详细的描述来解析如何实现雪花的随机生成和飘落,来实现模拟雪花。
要实现雪花的飘落和生成就需要,分为两个部分。一 是需要生成随机雪花,通过createElement来生成元素,并为元素进行赋予随机生成的函数,即random使得雪花生成位置是随机的,且要求范围较大,能为元素的随机范围较大使得生成的随机项目元素较为分散,雪花生成分散
还需要使得元素能够移动,需要通过offsetTop来使得元素定义一个函数向下移动,使得元素雪花统一向下移动,模拟雪花飘落的动态模型。
解决方案