好玩的黑客效果

<title>Do You Know HACKER-2</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
            type="text/javascript"></script>
</head>

<body>
    <div align="center">
        <canvas id="myCanvas" width="1024" height="800" style="border:1px solid #c3c3c3;">
            Your browser does not support the HTML5 canvas tag.
        </canvas>
        <script type="text/javascript">
            var YPositions = Array(51).join(0).split('');
            /*
                join() 方法用于把数组中的所有元素放入一个字符串
                split() 方法用于把一个字符串分割成字符串数组
            */
            var c = document.getElementById("myCanvas");
            var ctx = c.getContext("2d");
            var draw = function () {
                ctx.fillStyle = 'rgba(0,0,0,.05)';
                ctx.fillRect(0, 0, 1024, 800); ctx.fillStyle = "#0f0";
                YPositions.map(function (y, index) {
                    /*
                        map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象
                    */
                    x = (index * 10);
                    ctx.fillText(parseInt(Math.random() * 10), x, y);
                    /*
                        在(x,y)坐标位产生一个'a'字符
                        index为Ypositions的下标
                    */
                    if (y > 500) {
                        YPositions[index] = 0;
                    } else {
                        YPositions[index] = y + 10;
                    }
                    /*
                        如果新产生的字符已经到了<canvas>的辩解
                        那么就使产生下一个新字符的位置回归到原点
                     */
                });
            };
            setInterval(draw, 30);
        </script>
</body>
</html>

小傲世

08文章内容底部声明代码

简单使用搜狐接口在网页显示访客...

自制的简易防CC攻击刷新跳转代码

千图，包图网素材免费解析下载

纯CSS简单实现的炫酷打字效果

简易php代码防止恶意刷新网站

去掉alert的域名

JS实现无限刷新网站页面(可自定义...

个性化jquery代码让你的标题栏滚...

2008家园通用网站背景特效代码