模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
文本链接特效代码
>
收藏
分享
查看评论
文本链接
演示
很常用的一个JS文字显示效果_文本链接特效
查看演示效果
特效Tag:
文字动画
添加
很常用的一个JS文字显示效果,有点像打字效果,但比打字效果更强悍,有兴趣的运行一下看看效果。
<title>很常用的一个JS文字显示效果</title> <SCRIPT LANGUAGE="JavaScript"> neonBaseColor = "White"; neonColor = "00ff00"; num = 0; num2 = 0; num3 = 0; num4 = neonColor; function startNeon() { message = neon.innerText; neon.innerText = ""; for(i = 0; i != message.length; i++) { neon.innerHTML += "<span id=\"neond\" style=\"color:"+neonBaseColor+"\">"+message.charAt(i)+"<\/span>"}; neon2(); } function neon2() { if(num != message.length) { document.all.neond[num].style.color = neonColor; num++; setTimeout("neon2()", 100); } else { num = 0; num2 = message.length; setTimeout("neon4onev()", 2000); } } function neon4onev() { document.all.neond[num].style.color = neonBaseColor; document.all.neond[num2-1].style.color = neonBaseColor; if(Math.floor(message.length / 2) + 1 != num2) { num++; num2--; setTimeout("neon4onev()", 50); } else { setTimeout("neon5()", 50); } } function neon5() { if(num3 != message.length && num3 != message.length+1) { document.all.neond[num3].style.color = neonColor; num3 = num3 + 2; setTimeout("neon5()",100); } else { setTimeout("neon52()", 50); } } function neon52() { if(num3 == message.length) { num3++; neon52a(); } else { num3--; neon52a(); } } function neon52a() { if(num3 != 1) { num3 = num3 - 2; document.all.neond[num3].style.color = neonColor; setTimeout("neon52a()", 100); } else { if(num4 == neonColor) { num3 = 0; neonColor = neonBaseColor; setTimeout("neon5()", 2000); } else { neonColor = num4; num3 = 0; setTimeout("neon4onev2()", 50); } } } function neon4onev2() { document.all.neond[num].style.color = neonColor; document.all.neond[num2 - 1].style.color = neonColor; if(message.length != num2) { num--; num2++; setTimeout("neon4onev2()", 50); } else { num = 0; num2 = 0; setTimeout("neon3()", 2000); } } function neon3() { if(num != message.length) { document.all.neond[num].style.color = neonBaseColor; num++; setTimeout("neon3()", 100); } else { num = 0; neon2(); } } </script> <span id="neon">www.mb5u.com</span> <body onLoad="startNeon()">
所属频道:
文本链接特效
/
更新时间:2012-12-04
[收藏]
[报错]
[返回列表]
相关
文本链接特效
:
后退无效的链接
一种隐藏URL的方法 (并是弹出无边窗口)
随机动态的链接Title提示
表单多选框中列出全部链接点击跳转
一个链接打开两个链接地址(新开窗口和当前窗口)
鼠标onmouse链接时复选框的状态变为checked
多个div层显示隐藏及切换
引用文章链接代码
信息框显示链接
点击链接后跳出一个链接说明小窗口
比较实用的CSS控制连接颜色效果
超链接或按钮的跳马灯式说明文字
文本链接特效Rss订阅
特效代码搜索
文本链接特效推荐
后退无效的链接
JavaScript数组应用,可依次读取的公告栏文字
液晶屏文字
让多个链接同时不停变换颜色
字体效果
CSS+JS实现虚化的链接背景色
文字像跳跳球一样在网页上浮动
很奇特的大字符CSS链接文字效果
单选按钮链接
JS旋转的彩色文字轮船特效
猜你也喜欢看这些
一个CSS上中下三行三列结构的Div布局
JavaScript模块随意拖动
JS滑动展开层
用CSS实现一段文字自动底部对齐并随页面滚动
纯CSS实现链接提示(学习层定位)
两个层的动画切换代码
让多个DIV自由居中排列
老外用纯CSS实现的圆角边框
层的展开/关闭,带运动缓冲
JavaScript 自定义动态生成表格
相关链接:
复制本页链接
|
搜索很常用的一个JS文字显示效果
特效说明:
文本链接模板
-
很常用的一个JS文字显示效果
。