JS彩色打字机效果,支持所有浏览器
2014-03-10 22:35:10 -0400
Javascript编写的文字彩色打字机效果,颜色可以自定并且是随机出色.
其中str是要打印的字串,不能换行.
colors是随机颜色代码,可以自行添加更多颜色.
要修改字体样式请自行修改style中的各个属性.
要修改打字速度请将代码中的200改为其他数字,1000为1秒出一个字.
本脚本为轻松E站原创,欢迎转载.
<script type="text/javascript">
var str="轻松E站,欢迎无限";
var colors=["red","blue","orange","black","grey","#F5F5DC","#6495ED","#7FFFD4","pink","green","purple"];
document.write('<div id="show" style="width:480px;word-wrap:break-word;word-break: normal;margin:0 auto;padding:15% 0;font-size:38px;"></div>');
var s="",i=0,div=document.getElementById("show"),idx;
/***以下代码不要改动****/
function www_qsyz_net(){
idx=parseInt(Math.random()*colors.length);
s+="<font color="+colors[idx]+">"+str.charAt(i)+"</font>";
div.innerHTML=s;
i++;
if(i==str.length) {i=0;
s="";}
setTimeout("www_qsyz_net()",200);
}
www_qsyz_net();
/***以上代码不要改动****/
</script>
Back to home
Subscribe |
Register |
Login
| N