纯js文字洗牌式切换特效插件

免费下载

源码介绍

简要教程

ShuffleText是一款纯js文字洗牌式切换特效插件。该插件在鼠标滑过指定的文本时，文字会不停的逐个进行翻转，类似洗牌效果，非常炫酷。

安装

可以通过npm来安装ShuffleText插件。

npm install shuffle-text

使用方法

在页面中引入shuffle-text.js文件。

<script src="path/to/shuffle-text.js"></script>

HTML结构

ShuffleText插件基本的HTML结构如下：

<!DOCTYPE html>
<html>
<head>
  <script src="shuffle-text.js"></script>
</head>
<body>
    <h1 id="myText">This is a ShuffleText.js Examle</h1>
    <script>
        var el = document.getElementById("myText");
        var text = new ShuffleText(el);
        text.start();
    </script>
</body>
</html>

初始化插件

通过下面的方法为要进行洗牌切换的文字创建实例对象。

var el = document.getElementById("myText");

var text = new ShuffleText(el);

方法

ShuffleText洗牌式文字切换插件可用的方法有：

//开始执行洗牌动画
start(): void
//结束洗牌动画
stop(): void
//设置文字
setText(text: string): void
dispose(): void

ShuffleText纯js文字洗牌式切换特效插件的github地址为：https://github.com/ics-ikeda/shuffle-text

本站资源均来自互联网，仅供研究学习，禁止违法使用和商用，产生法律纠纷本站概不负责！如果侵犯了您的权益请与我们联系！

转载请注明出处：免费源码网-免费的源码资源网站 » 纯js文字洗牌式切换特效插件

点赞(0) 打赏

立即下载

点击下载

评论列表共有 0 条评论

暂无评论