⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 zhuang13.htm

📁 最完整的Javascript 特效
💻 HTM
字号:
<html>

<!-- Mirrored from www.yesky.com/imagesnew/software/jscript/zhuang13.htm by HTTrack Website Copier/3.x [XR&CO'2007], Tue, 15 Apr 2008 09:01:03 GMT -->
<head>
<title>状态栏显示输入</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body  onload="doShoot(text)">
<br>
<br>
<center><font color=red face="隶书" size=6>状态栏显示输入</font></center>
<br>
<center>
<table border=5 bordercolor=black borderlight=green>
<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>注意状态栏的信息</strong></font></td></tr>
<tr><td align=center height=80><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>
</td></tr></table></center>
<br>
<br>
<center>

<SCRIPT LANGUAGE="JavaScript">

<!-- hide
function goHist(a)
{
   history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" >
</form>
</center>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9>
脚本说明:
第一步:把如下代码加入<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>




第二步:把<body>中的内容改为
<body  onload="doShoot(text)">

</textarea>
<br>
<br>
</body>

<!-- Mirrored from www.yesky.com/imagesnew/software/jscript/zhuang13.htm by HTTrack Website Copier/3.x [XR&CO'2007], Tue, 15 Apr 2008 09:01:03 GMT -->
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -