javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 本框内容逐字显示

js简单实现让文本框内容逐个字的显示出来

作者:

逐个字显示效果就像是打印机一样,在某些情况下起到强调作用,下面有个不错的示例,大家可以学习下
复制代码 代码如下:

<script language="JavaScript">
<!--
function MArray() {
this.length = MArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = MArray.arguments[i]}
var fArray = new MArray;
fArray[0]="欢迎大家学习javascript这门语言!";
fArray[1]="欢迎大家学习html这门语言!"
fArray[2]="欢迎大家学习asp这门语言!"
fArray[3]="欢迎大家学习vbscript这门语言!"
var x = 1;
var y = 0;
var msg1 = fArray[y];
function newsSee() {
if (x==msg1.length+1) {
y+=1;
if (y > 3) y=0;
document.form1.news2.value=' ';
msg1 = fArray[y];
x=0;}
document.form1.news2.value=msg1.substring(0,x);
x+=1;
setTimeout("newsSee() ",100);
}
// -->
</script>
<body onLoad="newsSee()">
<form name="form1">
<p align=center><input type="text" name="news2" size=40></p>
</form>
</body>
您可能感兴趣的文章:
阅读全文