逐渐变色的文本效果

作者：简简单单 2010-05-12

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>逐渐变色的文本</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>

<script language="javascript">
var message="欢迎访问中国WEB第一站，这里是您的建站乐园，请记住本站网址：http://www.111com.net！" 
var n=0; 
if (document.all){ 
document.write('<font size="12px" color="red">') 
for (m=0;m<message.length;m++) 
document.write('<span id="neonlight" style="font-size:12px">'+message.charAt(m)+'</span>') 
document.write('</font>') 
var tempref=document.all.neonlight 
} 
else 
document.write(message) 
function neon(){ 
if (n==0){ 
for (m=0;m<message.length;m++) 
tempref[m].style.color="#000000" 
} 
tempref[n].style.color="RED" 
if (n<tempref.length-1) 
n++ 
else{ 
n=0 
clearInterval(<a href="http://www.111com.net/flash_a/flash.html" target="_blank">flash</a>ing) 
setTimeout("beginneon()",1000) 
return 
} 
} 
function beginneon(){ 
if (document.all) 
flashing=setInterval("neon()",50) 
} 
beginneon() 
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

上一个：javascript 仿新浪微博图片旋转效果下一个：禁禁input输入框自动填充方法

逐渐变色的文本效果

相关文章

精彩推荐