要完成此效果需要两个步骤
第一步：把如下代码加入到<body>区域中
<script LANGUAGE="JavaScript">
var text = "在输入栏随便写点东东!!!";
var total_length = 60; // length of string+spaces
function doShoot(msg) {
var status_message = "";
var assembling = "";
this.status = status_message;
var index = 0;
var location = 0, i;
// now shoot one letter at a time
for(i=0; i < msg.length; i++) { // moves through the
message
for(j=total_length-status_message.length; j > -1;j--) {
// see how many spaces have to be added
assembling = "";
for(var k=0; k < j; k++)
assembling += " ";
assembling += msg.charAt(i);
this.status=status_message +assembling;
}
status_message += assembling;
}
}
</script>
<form name="shooterform" method="get">
<p><input type="text" name="shoot_text" size="20"> <input
type="button" name="trigger"
value="输入" onclick="doShoot(shoot_text.value)"> </p>
</form>
第二步：把“onload="doShoot(text)"”加在<body>标记里
例如：<body onload="doShoot(text)">
减小字体
增大字体
