基于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 相关文章推荐
javascript 对象定义方法 简单易学
Mar 22 Javascript
javascript document.referrer 用法
Apr 30 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
node.js中的path.resolve方法使用说明
Dec 08 Javascript
JS交换变量的方法
Jan 21 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
JS实现点击Radio动态更新table数据
Jul 18 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
jquery实现上传图片功能
Jun 29 jQuery
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
浅析Yii2缓存的使用
2016/05/10 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
Extjs学习笔记之六 面版
2010/01/08 Javascript
QUnit jQuery的TDD框架
2010/11/04 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
javascript实用小函数使用介绍
2013/11/11 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
jquery简单图片切换显示效果实现方法
2015/01/14 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
jQuery中使用animate自定义动画的方法
2016/05/29 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
2016/12/14 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
Python实现根据日期获取当天凌晨时间戳的方法示例
2019/04/09 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
pygame实现成语填空游戏
2019/10/29 Python
django实现后台显示媒体文件
2020/04/07 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
HTML5标签小集
2011/08/02 HTML / CSS
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
试用期转正后的自我评价
2014/09/21 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
岳麓书院导游词
2015/02/03 职场文书
护士求职自荐信
2015/03/25 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA