［HTML代码］JavaScript文字颜色逐字变红变大效果代码
2014-01-28 22:45:20 -0500
JS逐字变化文字颜色，一个字一个字的变化，用JavaScript的循环函数来控制颜色设定，当然也可用到其它的地方。转自笑忘书
使用方法：替换对应文本内容
<script language="javascript"> <!-- text = "欢迎光临csngmap资源分享站"; i=0; function chColor(){ colorStr = text.charAt(i); colorStr = "<span style='color:red;font-size:1.2em;'>" + colorStr + "</span>"; //文字要变换的样式 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> <body onLoad="chColor()"> <div id="txt" style="font-size:1.1em;color:lime;"></div>
代码演示
«Newer
Older»
Comment:
Name:
Back to home
代码 /cat/111288