分享一款文本框里面文字逐个弹出效果，文字逐个弹出很像打字效果，可根据自己的需求来自定义。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>文本框内文字打字效果弹出_武鸣人</title>
<style type="text/css">
/*全局样式*/
*{padding:0;margin:0;}
a img{border:0;}
body{font-family:"宋体";font-size:12px;color:#000;}
/*全局样式结束*/
#wuming_ren_right{float:right;width:222px;height:auto;}
.box{color:#FF0000;font-size:14px;}
#wuming_ren_message{float:left;width:220px;height:341px;border:1px solid #1e59bb;margin-top:10px;}
.wuming_ren_title{width:220px;height:28px;background:url() repeat-x;margin-bottom:8px;}
.wuming_ren_title h2{font-weight:bold;color:#FFF;line-height:28px;padding-left:12px;}
#wuming_ren_message p{float:left;width:200px;margin:5px 0 0 10px;display:inline;line-height:20px;background:url() repeat-x center bottom;padding-bottom:5px;color:#666;}
#wuming_ren_message p.txt_region{background:none;margin-top:15px;}
#wuming_ren_message p.txt_region2{background:none;}
#wuming_ren_message p a{color:#0058af;text-decoration:none;}
#wuming_ren_message p a:hover{color:#ff6600;text-decoration:underline;}
</style>
<script language="javascript">
var max=0;
function textlist()//自己的对象，存储字符串
{//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
tl=new textlist("武鸣人，各种信息免费发布，资源共享合作共赢。");//实际上是一个多维数组
var x=0;pos=0;var t,m;
var l=tl[0].length;
function textticker()
{//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
t = setTimeout("textticker()",1000);//控制两段话间的转换时间
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
m = setTimeout("textticker()",130);//控制文字间的显示时间
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
</head>
<body onload="textticker()">
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div id="body_mian">
<div id="mian">
<div id="right">
<div id="wuming_ren_right">
<div id="wuming_ren_message">
<div class="wuming_ren_title"><h2>填写留言</h2></div>
<form name="form1" method="get">
<p class="txt_region"><textarea onfocus="clearTimeout(t);clearTimeout(m);this.value='';" name="textfeld" cols="22" rows="8." class="box" type="text">
</textarea>
</p>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>本文来自武鸣人网站，转载请注明出处