找回密码
 注册

[JS] JS彩色打字机效果,支持所有浏览器

php 发表于 2012/6/21 23:16 | 显示全部楼层 |阅读模式
Javascript编写的文字彩色打字机效果,颜色可以自定并且是随机出色.
其中str是要打印的字串,不能换行.
colors是随机颜色代码,可以自行添加更多颜色.
要修改字体样式请自行修改style中的各个属性.
要修改打字速度请将代码中的200改为其他数字,1000为1秒出一个字.
本脚本为轻松E站原创,欢迎转载.
  1. <script type="text/javascript">
  2. var str="轻松E站,欢迎无限";
  3. var colors=["red","blue","orange","black","grey","#F5F5DC","#6495ED","#7FFFD4","pink","green","purple"];
  4. 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>');
  5. var s="",i=0,div=document.getElementById("show"),idx;
  6. /***以下代码不要改动****/
  7. function www_qsyz_net(){
  8. idx=parseInt(Math.random()*colors.length);
  9. s+="<font color="+colors[idx]+">"+str.charAt(i)+"</font>";
  10. div.innerHTML=s;
  11. i++;
  12. if(i==str.length) {i=0;
  13. s="";}
  14. setTimeout("www_qsyz_net()",200);
  15. }
  16. www_qsyz_net();
  17. /***以上代码不要改动****/
  18. </script>
复制代码

手机版|轻松E站

轻松E站

快速回复 返回顶部 返回列表