基于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 lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
浅析JavaScript中的typeof运算符
Nov 30 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
一步步教你利用Docker设置Node.js
Nov 20 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防盗链的常用方法小结
2010/07/02 PHP
php设计模式 Adapter(适配器模式)
2011/06/26 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
jQuery中queue()方法用法实例
2014/12/29 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
vue实现页面滚动到底部刷新
2019/08/16 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
vue请求数据的三种方式
2020/03/04 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
python冒泡排序简单实现方法
2015/07/09 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
利用Python实现kNN算法的代码
2019/08/16 Python
Python使用matplotlib 模块scatter方法画散点图示例
2019/09/27 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
个人简历自荐信
2013/12/05 职场文书
大学生求职信例文
2014/06/29 职场文书
学校工作推荐信范文
2014/07/11 职场文书
优秀团队申报材料
2014/12/26 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
学术会议通知
2015/04/15 职场文书
爱鸟护鸟的宣传语
2015/07/13 职场文书
责任书格式
2019/04/18 职场文书
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS
在ubuntu下安装go开发环境的全过程
2022/08/05 Golang