2020
09-24
09-24
原生JS实现萤火虫效果
本文实例为大家分享了JS实现萤火虫效果的具体代码,供大家参考,具体内容如下上代码之前,先看一下效果:CSS部分(此处用元素模拟萤火虫,背景可自行设置):<style>.box{width:4px;height:5px;background:wheat;position:absolute;border-radius:50%;}body{background:url(../img/bg.jpg);}</style>JS部分:<script>classGlowworm{constructor(){//获取屏幕的可视区域的宽高,用作将来的随机范围this.clientW=doc...
继续阅读 >