[JavaScript] 标题大小渐变 →→→→→进入此内容的聊天室

来自 , 2021-03-07, 写在 JavaScript, 查看 127 次.
URL http://www.code666.cn/view/072b030b
  1. <SCRIPT language=JavaScript>
  2. var speed = 2;          <!--速度-->
  3. var cycledelay = 1000;  <!--循环周期-->
  4. var maxsize = 48;    <!--最大数目-->
  5.  
  6. var x = 0;
  7. var y = 0;
  8. var themessage, size;
  9. var esize = "";
  10.  
  11. function initArray() {   <!--初始化数组-->
  12.   this.length = initArray.arguments.length;
  13.   for (var i = 0; i < this.length; i++) {
  14.     this[i] = initArray.arguments[i];
  15.   }
  16. }
  17.  
  18. var themessage2 = new initArray(<!--初始化矩阵-->
  19. "欢迎光临",
  20. "JavaScript世界",
  21. "隆重奉献",
  22. "网页特效",
  23. "色彩缤纷",
  24. "精彩呈现"
  25. );
  26.  
  27.  
  28. if (navigator.appVersion.indexOf("MSIE") != -1)<!--如果是ie浏览器-->
  29.   document.write('<span id="wds"></span><br>');<!--新的层-->
  30.  
  31. function upwords(){
  32.   themessage = themessage2[y];<!--读取第y条信息-->
  33.   if (x < maxsize) {<!--当前字体大小小于最大值-->
  34.     x++;<!--字体变大-->
  35.     setTimeout("upwords()",speed);
  36.   }
  37.   else <!--当前字体已经最大-->
  38.     setTimeout("downwords()",cycledelay);<!--字体变小-->
  39.  
  40.   if (navigator.appVersion.indexOf("MSIE") != -1){<!--如果是ie浏览器-->
  41.     wds.innerHTML = "<center>"+themessage+"</center>";<!--写入信息-->
  42.     wds.style.fontSize=x+'px'<!--按照给定的字体-->
  43.   }
  44. }
  45.  
  46. function downwords(){
  47.  if (x > 1) {<!--如果当前字体比1-->
  48.    x--;<!--字体继续变小-->
  49.    setTimeout("downwords()",speed);
  50.  }
  51.  else {<!--字体已经最小-->
  52.    setTimeout("upwords()",cycledelay);<!--更换下一条信息-->
  53.    y++;<!--下一条信息-->
  54.    if (y > themessage2.length - 1) y = 0;<!--如果到头,重头开始-->
  55.  }
  56.  
  57.  if (navigator.appVersion.indexOf("MSIE") != -1){<!--如果是ie浏览器-->
  58.    wds.innerHTML = "<center>"+themessage+"</center>";<!--写入信息-->
  59.    wds.style.fontSize=x+'px'<!--按照给定的字体-->
  60.  }
  61. }
  62.  
  63. setTimeout("upwords()",speed);<!--调用upwords函数-->
  64. </script>
  65. <!--本例程实现了about窗口-->
  66. <!--字体在窗口中变化的效果的实现-->
  67. <!--循环处理、显示消息的方法-->
  68. <!--settimeout函数实现动画效果-->

回复 "标题大小渐变"

这儿你可以回复上面这条便签

captcha