基于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的横向滚动条(滑动条)
Feb 24 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
详解小程序原生使用ES7 async/await语法
Aug 06 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 Javascript
npm ci命令的基本使用方法
Sep 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
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
PHP写日志的实现方法
2014/11/05 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
JavaScript 函数式编程的原理
2009/10/16 Javascript
js 操作符实例代码
2009/10/24 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
JS 表单验证大全
2011/11/23 Javascript
js onload事件不起作用示例分析
2013/10/09 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
对Vue table 动态表格td可编辑的方法详解
2018/08/28 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
2020/07/24 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python获取list下标及其值的简单方法
2016/09/12 Python
详解Python自建logging模块
2018/01/29 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
python如何获取apk的packagename和activity
2020/01/10 Python
浅谈keras中loss与val_loss的关系
2020/06/22 Python
python 进程池pool使用详解
2020/10/15 Python
运行Python编写的程序方法实例
2020/10/21 Python
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
元旦促销方案
2014/03/15 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
机关作风整顿个人整改措施思想汇报
2014/09/29 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
MySQL的安装与配置详细教程
2021/06/26 MySQL
ubuntu开机后ROS程序自启动问题
2022/12/24 Servers
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server