纯 JS 仿文字输入效果

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。编程之家小编现在分享给大家,也给大家做个参考。

仿文字输入这个特效很早就有了,然而更轻量更简单,而且不需要 jQuery 库的 JS,这里我就推荐 iTyped。简单实用,Tiny 版只有 1.9KB 大小,下面来看看介绍。

效果演示:

插件名称:iType.js

在线演示:https://ityped.surge.sh/

下载地址:https://github.com/luisvinicius167/ityped

使用教程:

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>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

文章浏览阅读483次。dedecms织梦频道模板中调用栏目分类并排...
文章浏览阅读284次。我们在用织梦建站的过程中,难免会遇到各...
文章浏览阅读152次。seo专题是seo优化必不可少的一环,对于网...
文章浏览阅读142次。在Dedecms中,在列表页调用文章摘要的方...
文章浏览阅读234次。织梦DedeCMS文章内容发布时可以选择“头...
文章浏览阅读701次。虽然织梦DedeCMS因为安全问题被人所诟病...