软件开发培训班 >> 编程开发 >> JavaScript

不错的文字特效，逐字变色效果

　　本文标签：不错的文字特效，逐字变色效果

<font color="#669900" style="font-weight:bolder;letter-spacing: 2px;"><script language="JavaScript"> 
text = "这里输入你要的文字 www.jb51.net"; 
color1 = "green";  
color2 = "red"; 
speed = 200;  
i = 0; 
if (navigator.appName == "Netscape") { 
} 
else { 
document.write("<span id=a></span>"); 
} 
function changeCharColor() { 
if (navigator.appName == "Netscape") { 
document.a.document.write("<font color=" + color1 + ">"); 
for (var j = 0; j < text.length; j++) { 
if(j == i) { 
document.a.document.write("<font color=" + color2 + ">" + Text.charAt(i) + "</font>"); 
} 
else { 
document.a.document.write(text.charAt(j)); 
} 
} 
document.a.document.write(</font>); 
document.a.document.close(); 
} 
if (navigator.appName == "Microsoft Internet Explorer") { 
str = "<font color=" + color1 + ">"; 
for (var j = 0; j < text.length; j++) { 
if( j == i) { 
str += "<font   color=" + color2 + ">" + text.charAt(i) + "</font>"; 
} 
else { 
str += text.charAt(j); 
} 
} 
str += "</font>"; 
a.innerHTML = str; 
} 
(i == text.length) ? i=0 : i++; 
} 
setInterval("changeCharColor()", speed); 
// End --> 
</script> 
</font>

技术文章快速查找

JS 页面自动加载函数(兼容多浏览器)

J2ME开发环境搭建必备手册

jQuery 学习第五课 Ajax 使用说明

jQuery Clone Bug解决代码

Jquery Post处理后不进入回调的原因及解决方法

js显示时间 js显示最后修改时间

js 距离某一时间点时间是多少实现代码

Three.js源码阅读笔记(光照部分)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建