js实现雪花效果(超简单)

打个广告,最底下的公众号,可以每天领外卖红包、打车优惠券还有96折充值电费等,需要的可以关注一下哦

使用js实现雪花飘落效果,话不多说直接上代码


lang="en">

    charset="UTF-8">
    </span>snow<span style="color:#000080;">
    



    

实现逻辑其实很简单,动态创建若干个div设置其样式变成雪花,通过setInterval定时器控制雪花移动,当雪花跑到屏幕外面重新让雪花的left或者top为0,使雪花重新回到最左或者最上面的位置,从而实现。

效果预览:

js实现雪花效果(超简单)_第1张图片

代码优化:

看了一年前写的博客发现这个雪花效果还有优化的地方,由于left和top都会导致布局repaint,建议用translate代替,可以很明显的提高性能

然后就是关注一下我的公众号呀,就是底下这玩意,每天能领外卖红包、打车红包,还有96折充值电费等

你可能感兴趣的:(js实现雪花效果,雪花效果,js)