首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
文本操作
> 正文
文字逐个闪烁
2010-10-19 文本操作 122℃
脚本说明: 把如下代码加入<body>区域中: <script language="JavaScript"> <!-- Begin text = "欢迎光临网页制作特效站"; //显示的文字 color1 = "blue"; //文字的颜色 color2 = "red"; //转换的颜色 fontsize = "6"; //字体大小 speed = 100; //转换速度 (1000 = 1 秒) i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br><br><br>"); } else { document.write("<div id=a></div>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">"); for (var j = 0; j < text.length; j++) { if(j == i) { document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">"; for (var j = 0; j < text.length; j++) { if( j == i) { str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; } setInterval("changeCharColor()", speed); // End --> </script>
相关特效代码
文字变色逐个出现
10/19
文本框文字间隔输出
09/25
段落文字百叶窗效果输出
09/25
文字输出的不同效果
09/25
文字闪烁效果
09/15
点击文字显示隐藏链接
09/15
鼠标移动到链接文字上出现链接菜单
09/15
文字胡乱跳动(效果堪比flash)
08/31
一段文字到处跑背景还变色
08/31
文字向左移动
08/31
热门特效代码
输入框的文字闪烁变色引人注意
纯CSS内页内容切换选项卡
鼠标经过链接显示注释旋转风火轮
指向自动选择的输入框
放大镜链接效果
带注释的链接特效
文字闪烁效果
带注释的链接特效代码
点击文字显示隐藏链接
WEB2.0圆形边框css做法
推荐特效代码
字符连续消隐
文字变色逐个出现
段落文字百叶窗效果输出
点击文字显示隐藏链接
文字由小变大由大变小(动态变化
文字来回上下移动或跳动