在输入框中输入什么，就会在状态栏显示什么-WEBASP.NET

精彩推荐

分类热点特效

在输入框中输入什么，就会在状态栏显示什么

日期：2005-06-10 人气：【字体：大中小】【收藏此文】

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>在输入框中输入什么，就会在状态栏显示什么</TITLE>
</HEAD>
<BODY bgcolor="#fef4d9" onload="doShoot(text)">

var text = "在输入栏里您输入什么我就能显示什么!!!";
var total_length = 60; // length of string+spaces

<p><input type="text" name="shoot_text" size="20" style="border: 1 solid #0099FF"> <input type="button" name="trigger"

value="看看" onclick="doShoot(shoot_text.value)" style="color: #FFFFFF; background-color: #0099FF; border: 1 solid #0099FF" border=0>

</form>

</BODY></HTML>

<BODY bgcolor="#fef4d9" onload="doShoot(text)">




<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" style="border: 1 solid #0099FF"> <input type="button" name="trigger"

value="看看" onclick="doShoot(shoot_text.value)" style="color: #FFFFFF; background-color: #0099FF; border: 1 solid #0099FF" border=0>

<input type="reset" value="重写" name="B1" style="color: #FFFFFF; background-color: #0099FF; border: 1 solid #0099FF" border=0> </p>

</form>