基于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 相关文章推荐
Jquery 实现Tab效果 思路是js思路
Mar 02 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
Jan 04 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
JavaScript学习笔记之DOM基础操作实例小结
Jan 09 Javascript
谈谈node.js中的模块系统
Sep 01 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加密解密的代码
2006/10/09 PHP
用PHP实现小型站点广告管理
2006/10/09 PHP
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
百度ping方法使用示例 自动ping百度
2014/01/26 PHP
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
深入理解vue中的$set
2017/06/01 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
解决python读取几千万行的大表内存问题
2018/06/26 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
高中生学习总结的自我评价范文
2013/10/13 职场文书
幼儿园实习自我鉴定
2013/12/15 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
小学校长竞聘演讲稿
2014/05/16 职场文书
道歉的话语大全
2015/05/12 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
2015年学校总务工作总结
2015/07/20 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
2016年少先队活动总结
2016/04/06 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js