基于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 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
javascript实现的动态文字变换
Jul 28 Javascript
javascript中关于执行环境的杂谈
Aug 14 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
Jan 24 Javascript
javascript模拟实现ajax加载框实例
Oct 15 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 Vue.js
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
一个程序下载的管理程序(二)
2006/10/09 PHP
dedecms中常见问题修改方法总结
2007/03/21 PHP
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
Bootstrap基本样式学习笔记之标签(5)
2016/12/07 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
三步解决python PermissionError: [WinError 5]拒绝访问的情况
2020/04/22 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
Contém1g官网:巴西彩妆品牌
2020/01/17 全球购物
Hotels.com韩国:海外国内旅行所需的酒店和住宿预订网站
2020/05/08 全球购物
舞蹈教育学专业推荐信
2013/11/27 职场文书
家长给幼儿园的表扬信
2014/01/09 职场文书
退休感言
2014/01/28 职场文书
网站推广策划方案
2014/06/04 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
2014离婚协议书范文(3篇)
2014/11/29 职场文书
如何才能写好调研报告?
2019/07/03 职场文书
女人创业励志语录,句句蕴含能量,激发你的潜能
2019/08/20 职场文书