基于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 相关文章推荐
深入探寻seajs的模块化与加载方式
Apr 14 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 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
加速XP搜索功能堪比vista
2007/03/22 PHP
PHP 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
js 图片缩放(按比例)控制代码
2009/05/27 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
2012/03/14 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
vue+webpack实现异步加载三种用法示例详解
2018/04/24 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
JS实现使用POST方式发送请求
2019/08/30 Javascript
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
Python实现读取邮箱中的邮件功能示例【含文本及附件】
2017/08/05 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
Python控制台实现交互式环境执行
2020/06/09 Python
简述安装Slackware Linux系统的过程
2012/01/12 面试题
Linux面试题LINUX系统类
2014/11/19 面试题
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
大学生简单自荐信
2013/11/10 职场文书
建筑结构施工求职信
2014/07/11 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
关于长城的导游词
2015/01/30 职场文书
疾病证明书
2015/06/19 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python
PHP使用QR Code生成二维码实例
2021/07/07 PHP