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


Posted in Javascript onSeptember 01, 2015

示例一:

运行效果截图如下:

基于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制作霓虹灯文字 代码 特效

演示效果          源码下载

Javascript 相关文章推荐
在Windows上安装Node.js模块的方法
Sep 25 Javascript
在javascript中如何得到中英文混合字符串的长度
Jan 17 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
基于JavaScript实现验证码功能
Apr 01 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
May 23 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 #Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 #Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 #Javascript
JavaScript常用标签和方法总结
Sep 01 #Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 #Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
Sep 01 #Javascript
Jquery常用的方法汇总
Sep 01 #Javascript
You might like
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
JSQL 批量图片切换的实现代码
2010/05/05 Javascript
五个jQuery图片画廊插件 推荐
2011/05/12 Javascript
引用外部脚本时script标签关闭的写法
2014/01/20 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
jquery下div 的resize事件示例代码
2014/03/09 Javascript
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
Javascript防止图片拉伸的自适应处理方法
2017/12/26 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
Vue的Options用法说明
2020/08/14 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
python多线程http下载实现示例
2013/12/30 Python
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
跟老齐学Python之折腾一下目录
2014/10/24 Python
selenium+python设置爬虫代理IP的方法
2018/11/29 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
python如何进入交互模式
2020/07/06 Python
会计毕业生自我鉴定
2013/11/04 职场文书
护理实习自我鉴定
2013/12/14 职场文书
《沙漠中的绿洲》教学反思
2014/04/24 职场文书
商场促销活动总结
2014/07/10 职场文书
2019思想汇报范文
2019/05/21 职场文书
描写九月优美句子(39条)
2019/09/11 职场文书
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技