基于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中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
javascript在事件监听方面的兼容性小结
Apr 07 Javascript
关于JavaScript与HTML的交互事件
Apr 12 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
javascript中apply/call和bind的使用
Feb 15 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
JS中type="button"和type="submit"的区别
Jul 04 Javascript
微信小程序 转发功能的实现
Aug 04 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 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
利用curl抓取远程页面内容的示例代码
2013/07/23 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
2016/05/18 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
基于vue、react实现倒计时效果
2019/08/26 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
vuex实现购物车功能
2020/06/28 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
使用pip安装python库的多种方式
2019/07/31 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
创业计划书怎样才能打动风投
2014/01/01 职场文书
《听鱼说话》教学反思
2014/02/15 职场文书
小学生操行评语
2014/04/22 职场文书
环卫工人节活动总结
2014/08/29 职场文书
机械工程及自动化专业求职信
2014/09/03 职场文书
个人授权委托书样本
2014/09/13 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
计生个人工作总结
2015/02/28 职场文书
酒桌上的开场白
2015/06/01 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python
人民币符号
2022/02/17 杂记
win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法
2022/08/05 数码科技