仿文字输入这个特效很早就有了,比如《 制作有吸引力的文字动画效果 - textillate.js 》有介绍,然而更轻量更简单,而且不需要 jQuery 库的 JS,这里我就推荐 iTyped。简单实用,Tiny 版只有 1.9KB 大小,下面来看看介绍。
插件名称:iType.js
在线演示:
下载地址:
小编认为这个方便之处就是不需要 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>
来源: http://www.open-open.com/lib/view/open1487297004115.html