基于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 Tab选项卡效果代码改进版
Apr 01 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 Javascript
jQuery mobile 移动web(6)
Dec 20 Javascript
聊一聊jQuery插件uploadify使用方法
Aug 24 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
Dec 06 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
node+vue实现文件上传功能
May 28 Javascript
js实现小球在页面规定的区域运动
Jun 16 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获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
php建立Ftp连接的方法
2015/03/07 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
webpack 3.X学习之多页面打包的方法
2018/09/04 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
微信小程序实现左滑动删除效果
2020/03/30 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
python3抓取中文网页的方法
2015/07/28 Python
python实现简单登陆流程的方法
2018/04/22 Python
使用python读取csv文件快速插入数据库的实例
2018/06/21 Python
Django 多语言教程的实现(i18n)
2018/07/07 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
python树的同构学习笔记
2019/09/14 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
python程序实现BTC(比特币)挖矿的完整代码
2021/01/20 Python
突破canvas语法限制 让他支持链式语法
2012/12/24 HTML / CSS
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
Nike法国官方网站:Nike.com FR
2018/07/22 全球购物
小型女装店的创业计划书
2014/01/09 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL
Python的property属性详细讲解
2022/04/11 Python