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的attr与prop使用介绍
Oct 10 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
用户代理字符串userAgent可实现的四个识别
Sep 20 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
Feb 19 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
js实现简单数字变动效果
Nov 06 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
开发用到的js封装方法(20种)
Oct 12 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中MD5函数使用实例代码
2008/06/07 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
浅析ThinkPHP中的pathinfo模式和URL重写
2014/01/06 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
Vue实现Layui的集成方法步骤
2020/04/10 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
python Canny边缘检测算法的实现
2020/04/24 Python
python如何更新包
2020/06/11 Python
python将数据插入数据库的代码分享
2020/08/16 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
HTML5在IE10、火狐下中文乱码问题的解决方法
2013/11/18 HTML / CSS
VIVOBAREFOOT赤脚鞋:让您的脚做自然的事情
2017/06/01 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
大学第二课堂活动总结
2014/07/08 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
2014年妇幼卫生工作总结
2014/12/09 职场文书
2014年信息中心工作总结
2014/12/17 职场文书
失恋33天观后感
2015/06/11 职场文书