📄 3_3.html

📁 JavaScript经典实例教程代码

💻 HTML

字号:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>Untitled</title>
</head>
<script language="JavaScript">
   var Message  = "^_^欢迎光临我们的网站！";
   var Delay    = 5; //决定内容变化的速度，取值越小，变化越快
   var spaceNum=50; //决定状态栏信息在状态栏中所占用的空间长度
function FlyIn(num,Now_position) 
{
  var msg = Message;
  var out = "";
  for (var i=0; i<Now_position; i++) 
  {
  out += msg.charAt(i);
  }
  for (i=1;i<num;i++) 
  {
  out += " ";
  }
  out += msg.charAt(Now_position);
  window.status = out;
    if (num <= 1) //当字符左端添加的空格全部消去时，给Now_position加1，开始取下一个字符
    {
      Now_position++;
      if (msg.charAt(Now_position) == ' ') 
      {
	  Now_position++;
	  }
      num = spaceNum-Now_position;
    } 
    else
    {
    num--;
    }
    if (Now_position != msg.length) 
    {
    var cmd = "FlyIn(" + num + "," + Now_position + ")";
    window.setTimeout(cmd,Delay);
    }
	else //当所有的状态栏字符取完后，将参数复位，开始新一轮循环
	{
	window.status="";
    num=0;
    Now_position=0;
    cmd = "FlyIn(" + num + "," + Now_position + ")";
    window.setTimeout(cmd,Delay);
	}
  }
FlyIn(spaceNum,0);
</script>
<body>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -