js打字机效果_js打字效果 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="珞珈网络科技有限公司-js打字机效果_js打字效果">
  <meta name="Keywords" content="js打字机效果,js打字效果">
  <meta name="Description" content="">
  <style type="text/css">
  #demo{font-family:宋体; font-size:14px; line-height:22px; background:#f5f5f5; color:#000;}
  </style>
 </head>

 <body>
  <p id="demo"></p>
  <script>
  var myVar="珞珈网络团队位于秀美的武汉大学珞珈山脚下，以武汉大学优秀的人才资源为依托为客户提供一流的建站服务和完善的售后保障...欢迎致电027-87860378与客服沟通洽谈，或访问我们的官网http://www.luojianet.com/了解更多关于公司信息。";
    x=myVar.length;
    myArray=myVar.split("");
    i=0;
  var int=this.setInterval("shuchu()",100);
  function shuchu()
  {    
  document.getElementById('demo').innerHTML+=myArray[i++];
  if (i==x)
  {
  int=window.clearInterval(int);
  }
  }


  </script>
  </body>
</html>

 演示链接:http://www.luojianet.com/news/html/Noname1.html

posted @ 2013-08-11 20:31  珞珈网络  阅读(257)  评论(0)    收藏  举报