输入文字，然后在状态栏里显示_状态栏特效_网页特效库

·网页特效库 ·网页工具库

< 后退 | 收藏网页特效库

推荐网页特效

更多推荐特效

购物网站的导航效果，推荐！

向上下左右滚动图片的特效

超级变态广告代码

加入收藏夹

防止选择和复制

新浪博客的提示窗口，推荐！

网页工具库 - 让网页制作更轻松

推荐网页工具

更多网页工具

在线html编辑器

在线CSS编辑器

滚动条颜色生成器

弹出窗口生成器

网页加密解密工具

汉字转换成拼音工具

文本繁简体转换工具

您的位置：网页特效库 >> 状态栏特效 >> 输入文字，然后在状态栏里显示	查看此特效演示

输入文字，然后在状态栏里显示

把如下代码复制到<body>与</body>之间

<form name="shooterform" method="get">
<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>

<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>

上一个特效：状态栏显示逗留时间

下一个特效：状态栏移动文字

网页工具库 - 让网页制作更轻松

网页特效库

关于我们 | 联系本站 | 免责声明 | 版权声明 | 网站地图 | 友情链接 | 鄂ICP备05023174号
Copyright © 2008 www.butong.net.All Rights Reserved.