设为首页设为首页
 添加收藏添加收藏
 进入音乐版音 乐 版
  汉南在线网页设计JavaScript脚本

逐字变色的效果
作  者:汉南居士
关键字:JavaScript



<script language=JavaScript>    
<!-- Begin    
text = "[业][务][联][系]"; //显示的文字    
color1 = "#FF643B"; //文字的颜色    
color2 = "#0099CC"; //转换的颜色    
fontsize = "14px"; //字体大小    
speed = 200; //转换速度 (1000 = 1 秒)     
i = 0;    
if (navigator.appName == "Netscape") {    
document.write("<layer id=a visibility=show></layer><br><br><br>");    
}    
else {    
document.write("<div id=a></div>");    
}    
function changeCharColor() {    
if (navigator.appName == "Netscape") {    
document.a.document.write("<center><font face=arial ><font color=" + color1 +     
">");    
for (var j = 0; j < text.length; j++) {    
if(j == i) {    
document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>");    
}    
else {    
document.a.document.write(text.charAt(j));    
}    
}    
document.a.document.write('</font></font></center>');    
document.a.document.close();    
}    
if (navigator.appName == "Microsoft Internet Explorer") {    
str = "<font face=arial><font color=" + color1 + ">";    
for (var j = 0; j < text.length; j++) {    
if( j == i) {    
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";    
}    
else {    
str += text.charAt(j);    
}    
}    
str += "</font></font>";    
a.innerHTML = str;    
}    
(i == text.length) ? i=0 : i++;    
}    
setInterval("changeCharColor()", speed);    
// End -->    
</script>


来源:互联网
阅读:275
日期:2006-11-6

【 双击滚屏 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:几个有用的JAVAScript代码
下一篇:java script级联下拉列表框

  >> 相关文章
 
  ·几个有用的JAVAScript代码
  ·JAVA弹出窗口资料大全
  ·JavaScript对象与数组参考大全
  ·如何通过js动态清空、增加、删除、修改下拉框中的元素
  ·浮动式广告JS脚本
  ·对联广告JS代码效果大全
  ·先加载网页 再加载广告 让AD代码不再影响你的网页加载速度
  ·随机显示广告代码
授权使用:汉南在线 http://www.hzwz.net/(2008-2009)   
Copyright (c) 2002-2007 汉南在线. All Rights Reserved . 
经营许可证:陕ICP备05000109号 Powered by:汉南在线