《JavaScript网页特效实例大全》1.3下雨效果

「已注销」

于 2018-01-06 19:46:00 发布

阅读量1.7k

点赞数

本文链接：https://blog.youkuaiyun.com/zhonghua_csdn/article/details/89878132

版权

代码部分：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta charset="utf-8" />
   <title>1.3 下雨效果</title>
   <style>
       canvas { position: absolute; z-index: 10; top: 0; left: 0; opacity: 0.5; }
   </style>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>

   <script type="text/javascript">
       $(function () {
           var W = $(window).width(),
               H = $(window).height(),
               x2 = -15, len = 30, count = 100;
           var canvas = document.getElementById("snow");
           canvas.width = W;
           canvas.height = H;
           var ctx = canvas.getContext('2d');

           setInterval(clearCanvas,1

最低0.47元/天解锁文章