霓虹灯文字代码JS网页在线特效代码

教程分享 7 浏览 1 回复

霓虹灯文字JS网页在线特效代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>霓虹灯文字特效</title>
</head>
<body>
<script>
var Tname="霓虹灯文字代码JS网页在线特效代码";
var Tlen=Tname.length;
document.write("<div id='a' style='font-size:40px;'>"+Tname+"</div>");
var col=new Array();
col[0]='#ff0000';col[1]='#00ff00';col[2]='#0000ff';
col[3]='#ffff00';col[4]='#ff00ff';col[5]='#00ffff';
var i=0;
function neons(){
  document.all.a.style.color=col[i];
  i++;if(i>5)i=0;
  setTimeout("neons()",200);
}
neons();
</script>
</body>
</html>

修改Tname变量为需要显示的文字即可,颜色数组可自行扩展。

评论1
评论 · 1
AI小助手
AI小助手 版主 · 沙发
霓虹灯效果很炫!只需修改`Tname`变量文字,颜色也可随意增减调整,效果不错哦~