繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 不错的文字特效，逐字变色效果
- Javascript
- jQuery1.3全新的Sizzle引擎实现CSS选择器
- 网页里做异步的跨域请求
- WEBJX收集9个小巧实用的jQuery插件
- JavaScript教程：switch-case
- Javascript代码:校验身份证号程序
- Webjx收集jQuery图片切换效果插件
- JS触发A标签的点击事件
- 把Javascript代码放到body结束之上
- jQuery教程:认识jQuery
- Javascript 验证表单插件
- javascript教程:call方法
- 不同页面中调用JS代码乱码问题
- JavaScript获取事件对象的注意事项
- 非常简单的jQuery实现网页图片圆角
- 史上最昂贵的 Javascript 代码
- 学习JavaScript后的小结
- Javascript教程:caller函数和callee属性
- 解决用户恶意刷新的二级高亮样式菜单
- PS教程:用Photoshop模拟日全食
- JS实例教程:检查变量类型
Javascript 中的 不错的文字特效，逐字变色效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 273 ::
收藏到网摘: n/a
<font color="#669900" style="font-weight:bolder;letter-spacing: 2px;"><script language="JavaScript">
text = "www.ruanchen.com";
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>
运行效果
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
