基于JavaScript制作霓虹灯文字 代码 特效
作者:bea
示例一: 运行效果截图如下: 具体代码如下: 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",
示例一:
运行效果截图如下:
具体代码如下:
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学习总结之js使用技巧
- jQuery实现固定在网页顶部的菜单效果代码
- 自定义刻度jQuery进度条及插件
- JQuery操作textarea,input,select,checkbox方法
- javascript中for/in循环及使用技巧
- jQuery仿淘宝网产品品牌隐藏与显示效果
- JavaScript中this详解
- JS实现的自定义右键菜单实例二则
- jQuery中常用的遍历函数用法实例总结
- jquery常用函数与方法汇总
- js+CSS实现模拟华丽的select控件下拉菜单效果
- JQuery自适应窗口大小导航菜单附源码下载
- js实现简洁大方的二级下拉菜单效果代码
- js实现点击向下展开的下拉菜单效果代码
- jQuery实现带延迟的二级tab切换下拉列表效果
- js实现具有高亮显示效果的多级菜单代码
- js+css实现有立体感的按钮式文字竖排菜单效果
- JS实现黑客帝国文字下落效果
- JavaScript中this详解