基于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实现漂亮的动态信息提示效果
Aug 02 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
JS文字球状放大效果代码分享
Aug 19 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
解决layer弹出层自适应页面大小的问题
Sep 16 Javascript
vue 全局封装loading加载教程(全局监听)
Nov 05 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面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
JavaScript Scoping and Hoisting 翻译
2012/07/03 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
防止文件缓存的js代码
2013/01/10 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
python实现在windows下操作word的方法
2015/04/28 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
使用pycharm设置控制台不换行的操作方法
2019/01/19 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
解决margin 外边距合并问题
2019/07/03 HTML / CSS
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
毕业生自荐书
2014/02/02 职场文书
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
学习十八大报告感言
2014/02/28 职场文书
横空出世观后感
2015/06/09 职场文书
高中物理教学反思
2016/02/19 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android