JS实现《黑客帝国》落地字母背景
2020-12-13 01:47
阅读：463
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
标签：javascript html 字母 落地 黑客
JS实现《黑客帝国》落地字母背景，这个特别有意思，主要是通过设置字符相关属性，控制循环字母距离顶部的高度值，来达到字母不断循环下落的功能。恩，还有加上一个随机机制，出现各种大小 各个位置 各种颜色 各种长度的效果。好了，废话不多说，天色已晚，先看代码。
======》先发图，有图才有真相。
===============》下面代码，还是挺好玩的哦。
");//添加字母的出现区域 str[i]["Carch"] = document.all["SPAN_"+i]; str[i]["Carch"].style.fontSize = Font[str[i]["Level"]]; //字体 str[i]["Carch"].style.position = "absolute"; //位置 str[i]["Carch"].style.pixelLeft = Math.round(Math.random()*heike.clientWidth); //x坐标 str[i]["Carch"].style.pixelTop = -str[i]["Carch"].offsetHeight; //y坐标 str[i]["Carch"].style.color = Color[str[i]["Level"]+5]; //颜色0~9 str[i]["Carch"].style.filter = "glow(Color="+Color[str[i]["Level"]]+",Strength=5)";//滤镜效果 glow(color=+#988fff,5) str[i]["Carch"].style.zIndex = str[i]["Level"]; //z-Index 堆砌次序 } } setTimeout("strik()",50); }黑客帝国
OK，今天就到这里了，睡觉去啊。有兴趣的可以试着玩一玩，多改进下，会有意想不到的效果哦。
喜欢小弟就关注我一下吧。
JS实现《黑客帝国》落地字母背景,搜素材,soscw.com
JS实现《黑客帝国》落地字母背景
标签：javascript html 字母 落地 黑客
原文地址：http://blog.csdn.net/php5921/article/details/25009461
上一篇：springMvc
评论
亲，登录后才可以留言！