基于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 相关文章推荐
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
js随机生成字母数字组合的字符串 随机动画数字
Sep 02 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
详解js的事件代理(委托)
Dec 22 Javascript
video.js使用改变ui过程
Mar 05 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
May 23 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
Vue实现开关按钮拖拽效果
Sep 22 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
Dec 03 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中的PHP_EOL换行符详细解析
2013/10/26 PHP
分享10段PHP常用代码
2015/11/11 PHP
作为程序员必知的16个最佳PHP库
2015/12/09 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
浅谈php://filter的妙用
2019/03/05 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
javascript常用的正则表达式实例
2014/05/15 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
2015/06/23 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
使用Python编写vim插件的简单示例
2015/04/17 Python
python中while循环语句用法简单实例
2015/05/07 Python
windows系统下Python环境的搭建(Aptana Studio)
2017/03/06 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
python 使用shutil复制图片的例子
2019/12/13 Python
python unichr函数知识点总结
2020/12/16 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
iostream与iostream.h的区别
2015/01/16 面试题
土木工程应届生求职信
2013/10/31 职场文书
十一酒店活动方案
2014/02/20 职场文书
洗发水广告词
2014/03/13 职场文书
低碳环保标语
2014/06/12 职场文书
会计毕业生自荐书
2014/06/12 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
个人整改措施书面材料
2014/10/24 职场文书
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js
ipad隐藏软件app图标方法
2022/04/19 数码科技