使用JAVASCRIPT实现的 单行文字 逐个文字变色,可以循环控制
2013-06-02 10:37
921 查看
<html>
<head>
<title>逐字变化文字颜色 js代码下载</title>
<script language="javascript">
<!--
text = "小猪站长学院JS代码下载";
i=0;
function chColor(){
colorStr = text.charAt(i);
colorStr = "<font color = red>" + colorStr + "</font>";
leftStr = text.substr(0,i);
rightStr = text.substr(i+1,text.length-i);
txt.innerHTML = leftStr + colorStr + rightStr;
i++;
if (i>=text.length)i=0;
setTimeout("chColor()",500);
}
//-->
</script>
</head>
<body onLoad="chColor()">
<div id="txt"></div>
</body>
</html>
<head>
<title>逐字变化文字颜色 js代码下载</title>
<script language="javascript">
<!--
text = "小猪站长学院JS代码下载";
i=0;
function chColor(){
colorStr = text.charAt(i);
colorStr = "<font color = red>" + colorStr + "</font>";
leftStr = text.substr(0,i);
rightStr = text.substr(i+1,text.length-i);
txt.innerHTML = leftStr + colorStr + rightStr;
i++;
if (i>=text.length)i=0;
setTimeout("chColor()",500);
}
//-->
</script>
</head>
<body onLoad="chColor()">
<div id="txt"></div>
</body>
</html>
相关文章推荐
- jstl的使用(三):核心标签库之流程控制标签和循环标签(包括实现表格奇偶行变色)
- javascript实现状态栏文字首尾相接循环滚动的方法
- JavaScript中使用Async实现异步控制
- javascript实现的使用方向键控制光标在table单元格中切换
- IEnumerable 接口---实现该接口里的成员的类,可以使用foreach循环访问集合
- JavaScript使用递归和循环实现阶乘的实例代码
- 使用背景图片时,控制单行文字距顶部距离的技巧。
- 使用javascript实现隔行变色
- 使用javascript实现GridView无刷新选中行(变色)
- jQuery选择器实现隔行变色和使用javaScript实现隔行变色
- Js文字特效—文字段逐个变色循环
- JavaScript实现的使用键盘控制人物走动实例
- 10,javase代码实战-循环控制——使用while与自增运算符实现遍历数组(一)
- 使用JavaScript和jQuery实现隔行变色
- 使用JavaScript和jQuery实现隔行变色 .
- JavaScript实现的使用键盘控制人物走动实例
- Spring MVC_HandlerInterceptorAdapter的使用(不仅可实现Filter的所有功能,还可以更精确的控制拦截精度)
- javascript实现状态栏文字首尾相接循环滚动的方法
- 使用javascript实现有效时间的控制,并显示将要过期的时间
- 使用javascript实现隔行变色