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 相关文章推荐
JQuery 遮罩层实现(mask)实现代码
Jan 09 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
Aug 31 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
原生JS无缝滑动轮播图
Oct 22 Javascript
js实现时间日期校验
May 26 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
浅谈react路由传参的几种方式
Mar 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
PHP 字符串分割和比较
2009/10/06 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
浅谈PHP错误类型及屏蔽方法
2017/05/27 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
js打造数组转json函数
2015/01/14 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
JavaScript设计模式之代理模式详解
2017/06/09 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
vue 中的keep-alive实例代码
2018/07/20 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
2020/08/10 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
python网络编程之数据传输UDP实例分析
2015/05/20 Python
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
浅谈pytorch grad_fn以及权重梯度不更新的问题
2019/08/20 Python
利用 Flask 动态展示 Pyecharts 图表数据方法小结
2019/09/04 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
Yahoo的PHP面试题
2014/05/26 面试题
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
临床医学专业个人的自我评价
2013/09/27 职场文书
工作疏忽检讨书
2014/01/25 职场文书
先进党支部事迹材料
2014/12/24 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
导游词之澳门妈祖庙
2019/12/19 职场文书
MySQL infobright的安装步骤
2021/04/07 MySQL
python 对图片进行简单的处理
2021/06/23 Python
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL