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 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
ppk谈JavaScript style属性
Oct 10 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
Mar 29 Javascript
javaScript面向对象继承方法经典实现
Aug 20 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 Javascript
js实现省级联动(数据结构优化)
Jul 17 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
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
php通过session防url攻击方法
2014/12/10 PHP
PHP中的session安全吗?
2016/01/22 PHP
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
php判断文件上传图片格式的实例详解
2017/09/30 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
浅谈vuejs实现数据驱动视图原理
2018/02/23 Javascript
vue实现简单loading进度条
2018/06/06 Javascript
微信小程序配置服务器提示验证token失败的解决方法
2019/04/03 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
Python变量赋值的秘密分享
2018/04/03 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
简单了解python元组tuple相关原理
2019/12/02 Python
Python是什么 Python的用处
2020/05/26 Python
scrapy-splash简单使用详解
2021/02/21 Python
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
俄罗斯花园种植材料批发和零售网上商店:Беккер
2019/07/22 全球购物
技能比赛获奖感言
2014/02/14 职场文书
相亲大会策划方案
2014/06/05 职场文书
审计局2014法制宣传日活动总结
2014/11/01 职场文书
2014年纠风工作总结
2014/12/08 职场文书
保险内勤岗位职责
2015/04/13 职场文书
Python中else的三种使用场景
2021/06/16 Python
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏
Android Studio 计算器开发
2022/05/20 Java/Android