霓虹灯效果文字闪烁效果是网页常用的特效之一，尤其是那些浮夸的网站以及淘宝店盛行这种特效，阿萌本次来介绍一种简单的实现方法。

逻辑概念是，先定义好需要显示的字符串和需求显示的几种颜色，然后拆分字符串为单个文字，利用font标签随机定义颜色后依次输出，再利用setTimeout迭代调用自身函数，以达到颜色变换的的效果。

多说无益，从代码中自己理解下吧：

<script type="text/javascript">
var rbText="阿萌的小屋";
var Tlen=rbText.length;
document.write("<span id='rainbowText' style='font-size:40px;'>"+rbText+"</span>");
var col=new Array("#FF2D2D","#00EC00","#0080FF","#FF0000","#FF8000","#B766AD");
var ic=0;
function rainbowT(){
    var rbTextS="";
    for (i=0;i<Tlen;++i){
        var rbTextS=rbTextS+"<font style='color:"+col[ic]+";'>"+rbText.substring(i,i+1)+"</font>";
        ic++;
        if (ic==col.length) {ic=0};
    }
    rainbowText.innerHTML=rbTextS;
    setTimeout("rainbowT()",200);
}
rainbowT();
</script>

浏览效果：

因道行尚浅木有考虑什么兼容或者性能问题，只保证大部分情况下的显示，不外乎有什么特殊情况无效（极少的）。

如有网友觉得代码什么地方不合理或者设计方面太绕弯子的话，希望能提出您宝贵的意见，评论，留言或者邮箱都可以，谢谢。