当前位置：首页 > 资讯 > 技术文档

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

时间：2020-06-06 07:56 编辑：来源：阅读：
扫一扫，手机访问

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

示例一：运行效果截图如下： [img]http://files.jb51.net/file_images/article/201509/201591105903510.jpg?201581105926[/img] 具体代码如下：

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

[b]霓虹灯 [/b]

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">

示例二：效果图如下： [img]http://files.jb51.net/file_images/article/201509/201591110040733.jpg?20158111056[/img] [url=http://demo.jb51.net/js/2015/javascriptwztx]演示效果 [/url] [url=http://xiazai.jb51.net/201508/yuanma/javascriptwztx.rar]源码下载[/url]

全部评论(0)

上一篇：JS的参数传递示例介绍
下一篇：ASP+Ajax实现无刷新评论简单例子

资讯排行榜
更多>>

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

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