程序笔记

Javascript实现飘雪效果

2024-08-21 26

分享一个逼真唯美的Javascript飘雪特效，雪花随机飘落，视角会响应鼠标的移动。在网页中引用JS即可整页飘雪。下面是HTML：

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      .snow-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 100001;
      }
    </style>
    <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="snow.js"></script>
  </head>
  <body style="background-color: #000">
    <div class="snow-container"></div>
  </body>
</html>

JS可以打开在线运行地址，直接复制下载页面中引用的js即可。

运行效果：