基于JavaScript制作霓虹灯文字 代码 特效_javascript技巧
程序员文章站
2022-05-06 10:10:51
...
示例一:
运行效果截图如下:
具体代码如下:
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">
示例二:
效果图如下:
下一篇: 制作多边形div
推荐阅读
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
改变状态栏文字的js代码_javascript技巧
-
javaScript让文本框内的最后一个文字的后面获得焦点实现代码_javascript技巧
-
如何制作浮动广告 JavaScript制作浮动广告代码_javascript技巧
-
JavaScript制作变形金刚特效文字代码分享
-
如何制作浮动广告 JavaScript制作浮动广告代码_javascript技巧
-
顶部缓冲下拉菜单导航特效的JS代码_javascript技巧
-
文字瞬间从左到右切换显示的JavaScript代码_文字特效
-
用p5.js制作烟花特效的示例代码_javascript技巧
-
文字瞬间从左到右切换显示的JavaScript代码_文字特效