当前位置:JS特效 » 图片效果 » 纯js文字洗牌式切换特效插件
 纯js文字洗牌式切换特效插件
如果您觉得内容不错,请分享:

插件介绍

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

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:118
简要教程

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

安装

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

npm install shuffle-text                   
                

使用方法

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


                
HTML结构

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




  


    

This is a ShuffleText.js Examle

初始化插件

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

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

Top