js黑客中毒的效果

简介: var cav = document.getElementById('content'); var w = window.
<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

</head>

<body>

<canvas id="content" width="1250px" height="602px"></canvas>

</body>

</html>

<script>

    var cav = document.getElementById('content');

    var w = window.screen.width;

    var h = window.screen.height;

    var yPositions = Array(300).join(0).split('');

    var ctx = cav.getContext('2d');

    var draw = function(){



        ctx.fillStyle = 'rgba(0,0,0,.05)';

        ctx.fillRect(0,0,w,h);

        ctx.fillStyle = 'green';

        ctx.font = '20px';



        yPositions.map(function(y,index){

            text = String.fromCharCode(1e2+Math.random()*330);

            x = index*10;

            cav.getContext('2d').fillText(text,x,y);

            if(y>Math.random()*1e4){

                yPositions[index]=0;

            }else{

                yPositions[index]=y+10;

            }

        });



    }

    setInterval('draw()',30);

</script>
目录
相关文章
带交互功能的HTML5+JS黑客帝国
带交互功能的HTML5+JS黑客帝国
|
安全 JavaScript
js实现黑客代码雨效果
js实现黑客代码雨效果
175 0
js实现黑客代码雨效果
|
JavaScript 安全 前端开发
常见JS挂马方法及如何防止网站被黑客挂马?
现在最多见的JS挂马方法有两种,一种是直接将JavaScript脚本代码写在网页中,当访问者在浏览网页时,恶意的挂马脚本就会通过用户的浏览器悄悄地打开网马窗口,隐藏地运行。
8042 0
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
77 0
|
2天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
10 1
|
10天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
35 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始