基于JavaScript制作霓虹灯文字代码特效

更新时间：2015年09月01日 11:02:30 投稿：mrr

这里使用JS实现网页上的霓虹灯文字特效代码特效，运行效果看一下，你会看到文字的颜色像霓虹灯一样，连续不停变化，五颜六色的，很炫的样子，所以就叫做霓虹文字，也可以叫他文字变色效果，下面跟着小编一起学习JavaScript制作霓虹灯文字代码特效，需要的朋友一起学习吧

示例一：

运行效果截图如下：

具体代码如下：

http-equiv="Content-Type" content="text/html; charset=gb2312">

霓虹灯

var Tname="欢迎您的到来！";
var Tlen=Tname.length;
document.write(""+Tname+"");
var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF0000","#FFCC00","#CC33FF");
var ic=0;
function Dcolor(){
 var Strname="";
 for (i=0;iTlen;++i){
 var Strname=Strname+"+col[ic]+">"+Tname.substring(i,i+1)+"";
 ic=ic+1;
 if (ic==col.length) ic=0;
 }
 a.innerHTML=Strname;
 setTimeout("Dcolor()",200);
}
Dcolor();
 class="style5">

示例二：

效果图如下：

演示效果源码下载

您可能感兴趣的文章:

Javascript使用function创建类的两种方法(推荐)
下面小编就为大家带来一篇Javascript使用function创建类的两种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
用js实现的页面关键字密度查询代码
2007-12-12
javascript json2 使用方法
这是个人在最近使用json时做的总结，拿出来给没接触过的小弟们晒晒，适用与没接触过json的人员，其中json2。js请到json官网下载。
2010-03-03
原生js实现简单贪吃蛇小游戏
这篇文章主要为大家详细介绍了原生js实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
Js 回车换行处理的办法及replace方法应用
当我们在文本框里输入文字敲下回车后，希望在提交后网页也显示是换行的效果,可往往并不能如愿以偿啊，实在是愤怒啊自己写了一个回车换行处理的函数，感兴趣的朋友可以了解下啊，希望本文对你有所帮助
2013-01-01
JS实现随页面滚动显示/隐藏窗口固定位置元素
窗口固定位置显示元素，当页面高度大于某高度，并且页面向下滚动时，显示该元素；当页面位置小于某高度，或者页面向上滚动时，隐藏该元素，下面通过本文给大家介绍JS实现随页面滚动显示/隐藏窗口固定位置元素，需要的朋友参考下吧
2016-02-02
用JavaScript 判断用户使用的是 IE6 还是 IE7
判断IE浏览器的脚本，方便根据浏览器不懂，支持不同的代码的分别调用。
2008-01-01
前端判断页面是在PC端还是移动端打开四种方法
本文介绍几种在前端开发中用于判断用户设备类型（PC端或移动端）的方法,包括使用navigator.userAgent、媒体查询、第三方库detect.js和Vue框架插件vue-device-detect,这些方法有助于在开发中处理设备适配和页面权限问题,需要的朋友可以参考下
2024-10-10
JS实现购物车基本功能
这篇文章主要为大家详细介绍了JS实现购物车基本功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
JS数组搜索之折半搜索实现方法分析
这篇文章主要介绍了JS数组搜索之折半搜索实现方法,结合具体实例形式分析了javascript数组折半搜索算法的原理、实现技巧与相关注意事项,需要的朋友可以参考下
2017-03-03