Home » 前端技术 » iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小

iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小

xdlumia 2017-05-09 2,034次 条评论

仿文字输入效果的插件有很多,但大多数要么体积大,要么要使用jquery的jsk库.iTyped这个插件纯js 仅2kb大小

插件名称:iType.js
在线演示:https://ityped.surge.sh/
下载地址:https://github.com/luisvinicius167/ityped

小编认为这个方便之处就是使用起来简单,并且不需要jquery库并且体积小

 


使用教程

STEP 1 : 引入 ityped.js

<script src="https://unpkg.com/ityped@0.0.5"></script>

STEP 2 : HTML 代码

<span id="ityped"></span>

STEP 3: JS代码

<script>
  ityped.init('#ityped', {
    strings:['我是文字一哦', '我是文字二哦', '我是文字3哦', '没有文字啦。。。'],
    startDelay: 200,
    loop: true
  });
</script>