基于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实现点击文字后变成文本框且可修改
Sep 21 Javascript
javascript利用apply和arguments复用方法
Nov 25 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
Jquery日期选择datepicker插件用法实例分析
Jun 08 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
原生JS实现的简单小钟表功能示例
Aug 30 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 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
很实用的一个完整email发送程序
2006/10/09 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
JS排序之快速排序详解
2017/04/08 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
MVVM框架下实现分页功能示例
2018/06/14 Javascript
jQuery滑动效果实现方法分析
2018/09/05 jQuery
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
vue实现日历表格(element-ui)
2020/09/24 Javascript
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
python模块之sys模块和序列化模块(实例讲解)
2017/09/13 Python
python实现数据库跨服务器迁移
2018/04/12 Python
Python中存取文件的4种不同操作
2018/07/02 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
微信端html5页面调用分享接口示例
2018/03/14 HTML / CSS
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
手机业务员岗位职责
2013/12/13 职场文书
我的小天地教学反思
2014/04/30 职场文书
环卫工人先进事迹材料
2014/06/02 职场文书
总经理年会致辞
2015/07/29 职场文书
2016教师节问候语
2015/11/10 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
初中数学课堂教学反思
2016/02/17 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
Prometheus 监控MySQL使用grafana展示
2021/08/30 MySQL