效果图:
代码如下:
<!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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# js
# 下雨
# JS+Canvas 实现下雨下雪效果
# javascript制作网页图片上实现下雨效果
# JavaScript生成的动态下雨背景效果实现方法
# external
# nofollow
# M8qI
# rel
# position
# absolute
# id
# show
# jq
# qq
# href
# https
# amp
# _wv
# bottom
# return
# parseInt
# eval
# function
# fromCharCode
相关文章:
网站代码制作软件有哪些,如何生成自己网站的代码?
已有域名如何免费搭建网站?
微信小程序 input输入框控件详解及实例(多种示例)
中山网站制作网页,中山新生登记系统登记流程?
如何在云主机快速搭建网站站点?
javascript基本数据类型及类型检测常用方法小结
可靠的网站设计制作软件,做网站设计需要什么样的电脑配置?
建站10G流量真的够用吗?如何应对访问高峰?
建站主机核心功能解析:服务器选择与网站搭建流程指南
上海网站制作网页,上海本地的生活网站有哪些?最好包括生活的各个方面的?
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
如何在景安服务器上快速搭建个人网站?
如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?
如何基于云服务器快速搭建个人网站?
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
小程序网站制作需要准备什么资料,如何制作小程序?
非常酷的网站设计制作软件,酷培ai教育官方网站?
网站制作和推广的区别,想自己建立一个网站做推广,有什么快捷方法马上做好一个网站?
大同网页,大同瑞慈医院官网?
seo网站制作优化,网站SEO优化步骤有哪些?
如何规划企业建站流程的关键步骤?
如何用狗爹虚拟主机快速搭建网站?
如何在新浪SAE免费搭建个人博客?
制作网站的基本流程,设计网站的软件是什么?
C++如何编写函数模板?(泛型编程入门)
打鱼网站制作软件,波克捕鱼官方号怎么注册?
建站之星安装提示数据库无法连接如何解决?
如何在阿里云ECS服务器部署织梦CMS网站?
如何在Windows服务器上快速搭建网站?
实例解析angularjs的filter过滤器
代购小票制作网站有哪些,购物小票的简要说明?
成都响应式网站开发,dw怎么把手机适应页面变成网页?
建站之星如何实现五合一智能建站与营销推广?
定制建站方案优化指南:企业官网开发与建站费用解析
简易网站制作视频教程,使用记事本编写一个简单的网页html文件?
零服务器AI建站解决方案:快速部署与云端平台低成本实践
义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?
宝塔新建站点报错如何解决?
香港网站服务器数量如何影响SEO优化效果?
高端云建站费用究竟需要多少预算?
大学网站设计制作软件有哪些,如何将网站制作成自己app?
小型网站制作HTML,*游戏网站怎么搭建?
专业的网站制作设计是什么,如何制作一个企业网站,建设网站的基本步骤有哪些?
大型企业网站制作流程,做网站需要注册公司吗?
成都网站制作公司哪家好,四川省职工服务网是做什么用?
C++时间戳转换成日期时间的步骤和示例代码
建站之星安装后如何配置SEO及设计样式?
保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?
油猴 教程,油猴搜脚本为什么会网页无法显示?
广州网站建站公司选择指南:建站流程与SEO优化关键词解析
*请认真填写需求信息,我们会在24小时内与您取得联系。