今天看啥
    热点:

      天发国际娱乐官网:根据两国元首达成的共识,双方于2016至2017年举办“中俄媒体交流年”,中俄媒体合作上升到国家层面和战略高度。

      本文实例讲述了JavaScript实现简单的文本逐字打印效果。分享给大家供大家参考,具体如下:

      先来看看运行效果:

      具体代码如下:

      <!DOCTYPE>
      <html>
      <head>
      <title>www.jb51.net js打字效果</title>
      <meta charset="utf-8">
      </head>
      <style type="text/css">
      div {
        width:980px;
        margin:10px auto;
        background:#F3E6EA;
        border:2px outset #f9c6aa;
        color:green;
      }
      </style>
      <script type="text/javascript">
      var i=1;
      function write()
      {
        var id=document.getElementById("main");
        var msg="JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可JS打字机效果 ,原理很简单:每次多获取一个待打出的字符串的值,输出,覆盖原来输出的内容即可";
        var len=msg.length;
        var msg1=msg.substring(0,i);
        id.innerHTML=msg1;
        if(i==len){clearInterval(t)}
        else
          i++;
      }
      function time1()
      {
        var t=setInterval(function(){write()},50);
      }
      </script>
      <body onload=time1()>
      <div id="main"></div>
      </body>
      </html>

      www.1click-soft.comtruehttp://www.1click-soft.com/Javascript/1316474.htmlTechArticle这篇文章主要介绍了JavaScript实现简单的文本逐字打印效果,涉及javascript结合时间函数动态操作页面元素相关实现技巧,需要的朋友可以参考下...

      相关文章

        暂无相关文章
      相关搜索:

      帮客评论

      视觉看点
      百度 360 搜狗