收藏本站 | Dm.zznj.com

首页 | 网页设计教程 | 酷站收藏 | 网页素材 | 特效代码 | 网站推广 | 辅助软件 | 免费资源 | 论坛 | 站内搜索

您的当前位置：网页特效>>>状态栏>>>在输入框中输入什么，就会在状态栏显示什么，而且是特效显示

在输入框中输入什么，就会在状态栏显示什么，而且是特效显示

特效说明：

把下列代码加到网页的<Body></Body>标签之间

第一步:把如下代码加入<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" 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>

<div>
  <div align="center" class="12a"><script type="text/javascript"></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br>IK8提供技术支持;本特效来自IK8.com</div>
</div> </FORM>

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

<html><head><Title>在输入框中输入什么，就会在状态栏显示什么，而且是特效显示 IK8网页特效演示</title></head>第一步:把如下代码加入<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" 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>

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

</html>

IK8提供技术支持;本特效来自IK8.com

© CopyRight 2002-2005 ZZNJ.com, Inc. All Rights Reserved

Email: skyzznj@126.com