杨小杰博客(Youngxj)提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

[网页源码]炫酷的数字雨网页源码分享

Young小杰2016-10-29 22:13网站搭建(0)3860查询中……小标签: 网站搭建教程

黑客帝国相关的相关数字雨源码。可以拿来装逼以及做黑页。

演示地址:http://www.youngxj.cn/szy.html

323.png

源码附下:


<!DOCTYPE html><html> <head> <!--版权:Young小杰 www.youngxj.cn 学习所写 --> <meta charset="UTF-8"> <title>小杰黑页</title></head> <body> <canvas id="c"></canvas> <script> var c=document.getElementById("c"); var ctx=c.getContext("2d"); c.width=window.innerWidth; c.height=window.innerHeight;// ctx.fillRect(0,0,100,100);// a,b,c,d分别代表x方向偏移,y方向偏移,宽,高 var string1 = "abcdefghijklmnopqrstuvwxyz"; string1.split(""); var fontsize=20; columns=c.width/fontsize; var drop = []; for(var x=0;x<columns;x++) { drop[x]=0; } function drap(){ ctx.fillStyle="rgba(0,0,0,0.07)"; ctx.fillRect(0,0,c.width,c.height); ctx.fillStyle="#0F0"; ctx.font=fontsize+"px arial"; for(var i=0;i<drop.length;i++){ var text1=string1[Math.floor(Math.random()*string1.length)]; ctx.fillText(text1,i*fontsize,drop[i]*fontsize); drop[i]++; if(drop[i]*fontsize>c.height&&Math.random()>0.9){//90%的几率掉落 drop[i]=0; } } } setInterval(drap,20); </script> </body></html>




数字雨大小:0.1 | 来源:本地下载
已经过杀毒引擎检测无毒,请您放心下载。
本文最后更新于2016-10-29,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

手机扫描二维码
阅读体验更佳