WEB开发网
开发学院网页设计JavaScript javascript之textarea打字机效果提示代码推荐 阅读

javascript之textarea打字机效果提示代码推荐

 2010-09-14 13:29:09 来源:WEB开发网   
核心提示:运行可以看到效果<textarea id="content" name="content" cols="70" rows="5" style="width:450px;height:50px" class=&quo

运行可以看到效果

<textarea id="content" name="content" cols="70" rows="5" style="width:450px;height:50px" class="text" onchange="CHECKCONTENT()" onClick="javascript:flush();"></textarea>
<script language="javascript" type="text/javascript">
function $(id){return document.getElementById(id);}
var msgall="一个专业的收藏精品脚本学习资料的网站,修正错误,努力打造精品脚本学习站,我们将会为大家附上游戏脚本资源,源码,软件等信息"
var msg = "输入问题内容,点击“我要提问”。" ;
var interval = 100
var spacelen = 100;
var space10=" ";
var seq=0;
var cont=true
function Scroll() {
  len = msg.length;
  $("content").value = msg.substring(0, seq+1);
  seq++;
  if ( seq >= len ) {
    seq = 0;
    var per=Math.round(Math.random()*(5-1))+1;
    switch (per){
      case 1: msg="脚本之家 www.jb51.net 提示信息一";break;
      case 2: msg="提示信息2 脚本之家 www.jb51.net ";break;
      case 3: msg="提示信息3 脚本之家 www.jb51.net";break;
      case 4: msg="提示信息4 脚本之家 www.jb51.net";break;
      case 5: msg="提示信息5 脚本之家 www.jb51.net";break;
    }
    if (cont) {
      window.xywTimeout("Scroll();", interval );
    }
    else{
      $("content").value="";
    }
  }
  else
    if (cont) {
      window.xywTimeout("Scroll();", interval );
    }
    else{
      $("content").value="";
    }
}
Scroll();
function flush(){
  $("content").value="";
  cont=false;
  $("content").onclick=function(){return void(0);};
}
</script>

Tags:javascript textarea 打字机

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接