基于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实现的<jQuery向上循环滚动(仿新浪微博未登录首页滚动微博显示)>,今天发现这款是js制作的好,不敢独享,希望需要的朋友喜欢哦. 效果图展示如下: 查看演示 源码下载 html代码 <div class="wp"> <ul id="slider" class=&quo
-
js实现3D图片逐张轮播幻灯片特效代码分享
本文实例讲述了javascript实现3D图片逐张轮播幻灯片特效.分享给大家供大家参考.具体如下: 这是一款基于javascript实现3D图片逐张轮播幻灯片特效代码,实现过程很简单. 运行效果图:-------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的js实现3D图片逐张轮播幻灯片特效代码如下 <head> <meta http-equiv="Content-Type
-
javascript实现很浪漫的气泡冒出特效
本文实例讲述了javascript实现很浪漫的气泡冒出特效代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 实现思路:HTML里只需要一个CANVAS元素,Javascript里操作canvas 1.给canvas里绘制背景图片 2.在绘制半径为0-10px的圆形,x坐标屏幕水平随机,y所标竖直大于屏幕高度. 圆形背景色可以是随机,那就是各种色彩了! 利用计时器控制y-- 构建html <!doctype html> <html lang="en
-
JS实现从顶部下拉显示的带动画QQ客服特效代码
本文实例讲述了JS实现从顶部下拉显示的带动画QQ客服特效代码.分享给大家供大家参考,具体如下: 这是一款动画版QQ在线客服代码,从网页顶部下拉出来的QQ客服,下滑结束后有弹性缓冲效果.在世界地图的映衬下,似乎一下子上升了品位.动画效果是由jq实现的,QQ客服的一些信息自己修改下,换成你自己的QQ,上传到网页就可用啦.注:在火狐台chrome浏览器中测试效果会更好. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-top-show-down-
-
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
本文实例讲述了JS实现的仿东京商城菜单.仿Win右键菜单及仿淘宝TAB特效.分享给大家供大家参考.具体如下: 这是一个非常好的实用菜单整合特效,有多级下拉菜单.仿东京商城的拉出式菜单.仿Windows的右键菜单,仿淘宝的标签Tab菜单,每一个都是精彩,代码中附有丰富的注释,便于你的学习和修改. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-jd-taobao-win-rbutton-tab-demo/ 具体代码如下: <!DOCTYP
-
js实现文字闪烁特效的方法
本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下: 运行效果图: 实现原理:使用style对象来设置css属性,结合定时器就可以实现js实现文字闪烁特效. 具体代码如下 <html> <head> <meta charset="gb2312" /> <title>js实现文字闪烁特效</title> </head> <script> var flag = 0; fun
-
js图片卷帘门导航菜单特效代码分享
本文实例讲述了jQuery超精致图片轮播幻灯片特效.分享给大家供大家参考.具体如下: 这是一款基于js实现图片卷帘门导航菜单特效代码,与以往的导航菜单相比,更具有创新性,不止是简单的向用户展示信息,而是更加丰富网站的整体内容. 运行效果图:-------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link href="css/style.css" re
-
JavaScript实现的简单烟花特效代码
本文实例讲述了JavaScript实现的简单烟花特效代码.分享给大家供大家参考,具体如下: 这是一款JavaScript烟花特效,过年的时候放到你的网页上祝贺大家牛年大吉吧,是不是很不错? 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-yh-explode-style-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &
-
JS时间特效最常用的三款
为大家分享的JS时间特效代码如下 <head> <title>3个最常用的JS时间特效</title> </head> <body> <table width="298" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" bgcolor=&
-
js变形金刚文字特效代码分享
为大家分享的js变形金刚文字特效代码如下 -----------------------------------------------效果演示----------------------------------------------- <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js变形金刚文字特效&l
-
js实现的页面矩阵图形变换特效
本文实例讲述了js实现的页面矩阵图形变换特效.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>matrix</title> <style type="
随机推荐
- Angular2学习教程之ng中变更检测问题详解
- iOS开发中使用Quartz2D绘图及自定义UIImageView控件
- 基于JavaScript实现滑动门效果
- java中流的使用
- 详解java.lang.reflect.Modifier.isInterface()方法
- iOS判断运营商类型的实现方法
- 将数字转换成大写的人民币表达式的js函数
- C++基于对话框的程序的框架实例
- MySQL优化之对RAND()的优化方法
- 8个简单部分开启Java语言学习之路 附java学习书单
- Json转化为Java对象的实例详解
- 自定义配置网络ip、网关、dns的批处理文件
- Java中关于内存泄漏出现的原因汇总及如何避免内存泄漏(超详细版)
- 使用C语言操作文件的基本函数整理
- C#中变量、常量、枚举、预处理器指令知多少
- C++获取类的成员函数的函数指针详解及实例代码
- 两分钟快速让你明白什么是ERP
- php-fpm中max_children的配置
- 零基础之Node.js搭建API服务器的详解
- 使用docker部署influxdb与 mongo的常用命令