iType.js仿输入文字效果

Posted 小白不白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iType.js仿输入文字效果相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span id="ityped"></span>

<script src="https://unpkg.com/[email protected]"></script>
<script>
    ityped.init(#ityped, {
        strings:[我是文字一哦, 我是文字二哦, 我是文字3哦, 没有文字啦。。。],
        startDelay: 200,
        loop: true
    });
</script>
</body>
</html>

 demo:https://controllerone.github.io/demo/ityped/


以上是关于iType.js仿输入文字效果的主要内容,如果未能解决你的问题,请参考以下文章

Android ListView实现仿表格功能效果

JS实战:仿LED跑马灯效果

仿flash的文字动画效果

Android仿京东首页轮播文字(又名垂直跑马灯)

Android仿京东首页轮播文字(又名垂直跑马灯)

自适应 Tab 宽度可以滑动文字逐渐变色的 TabLayout(仿今日头条顶部导航)