javascript实现下雨效果


Posted in Javascript onMarch 27, 2017

效果图:

javascript实现下雨效果

代码如下:

<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>梦柯教育-锤子老师</title>
 <style type="text/css">
 *{margin:0;padding:0;list-style-type:none;}
 a,img{border:0;color:#fff;}
 body {
 overflow: hidden;
 background: black;
  text-align: center;
  line-height: 20px;
 }
 </style>
 </head>
 <body><a href="https://jq.qq.com/?_wv=1027&k=469M8qI" rel="external nofollow" id="show" style="position:absolute;bottom:0;left:10px;"></a>
 <canvas id="canvas-club" width="1920" height="666"></canvas>
 <script type="text/javascript">
 eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('d c=1h.1d("1b-19");d 7=c.14("W");d w=c.I=f.z;d h=c.H=f.G;d E=\'18(0, 0, 0, .15)\';d A=Z;d k=[];e g(a,b){16 1a.g()*(b-a)+a}e O(){}O.X={v:e(){6.x=g(0,w);6.y=0;6.B=\'U(C, m%, D%)\';6.w=2;6.h=1;6.F=g(4,5);6.t=3;6.s=1;6.q=2;6.n=g(h*.8,h*.9);6.a=1;6.J=.V},K:e(){l(6.y>6.n){7.T();7.Y(6.x,6.y-6.h/2);7.L(6.x+6.w/2,6.y-6.h/2,6.x+6.w/2,6.y+6.h/2,6.x,6.y+6.h/2);7.L(6.x-6.w/2,6.y+6.h/2,6.x-6.w/2,6.y-6.h/2,6.x,6.y-6.h/2);7.10=\'11(C, m%, D%, \'+6.a+\')\';7.12();7.13()}u{7.M=6.B;7.N(6.x,6.y,6.q,6.q*5)}6.P()},P:e(){l(6.y<6.n){6.y+=6.F}u{l(6.a>.17){6.w+=6.t;6.h+=6.s;l(6.w>m){6.a*=6.J;6.t*=.Q;6.s*=.Q}}u{6.v()}}}};e p(){w=c.I=f.z;h=c.H=f.G}e R(){S(d i=0;i<A;i++){(e(j){1c(e(){d o=1e O();o.v();k.1f(o)},j*1g)}(i))}}e r(){7.M=E;7.N(0,0,w,h);S(d i 1i k){k[i].K()}1j(r)}f.1k("p",p);R();r();',62,83,'||||||this|ctx||||||var|function|window|random||||drops|if|100|hit||resize|size|anim|vh|vw|else|init||||innerWidth|max|color|180|50|clearColor|vy|innerHeight|height|width|va|draw|bezierCurveTo|fillStyle|fillRect||update|98|setup|for|beginPath|hsl|96|2d|prototype|moveTo|30|strokeStyle|hsla|stroke|closePath|getContext|08|return|03|rgba|club|Math|canvas|setTimeout|getElementById|new|push|200|document|in|requestAnimationFrame|addEventListener'.split('|'),0,{}))
 var str = "点击我们学习更多内容";
 setTimeout(function(){
 document.getElementById("show").innerHTML=str;
 },3000)
 </script>
 </body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
javascript 网页跳转的方法
Dec 24 Javascript
这段js代码得节约你多少时间
Dec 20 Javascript
JQuery性能优化的几点建议
May 14 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
js密码强度检测
Jan 07 Javascript
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
Nov 14 Javascript
Angular实现的简单查询天气预报功能示例
Dec 27 Javascript
vue 做移动端微信公众号采坑经验记录
Apr 26 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 Javascript
HTML的select控件美化
Mar 27 #Javascript
JS实现的点击表头排序功能示例
Mar 27 #Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 #Javascript
vue2.0实战之基础入门(1)
Mar 27 #Javascript
jQuery中的deferred使用方法
Mar 27 #jQuery
Angular2利用组件与指令实现图片轮播组件
Mar 27 #Javascript
Vue 过渡实现轮播图效果
Mar 27 #Javascript
You might like
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
PHP 读取和修改大文件的某行内容的代码
2009/10/30 PHP
PHP原理之异常机制深入分析
2010/08/08 PHP
php连接oracle数据库的核心步骤
2016/05/26 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
PHP xpath()函数讲解
2019/02/11 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
jQuery 性能优化指南 (1)
2009/05/21 Javascript
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
jQuery中阻止冒泡事件的方法介绍
2014/04/12 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
对python3 中方法各种参数和返回值详解
2018/12/15 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
python操作cfg配置文件方式
2019/12/22 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
python实现简单猜单词游戏
2020/12/24 Python
个人找工作求职简历的自我评价
2013/10/20 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
Redis实战高并发之扣减库存项目
2022/04/14 Redis