文本/链接

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

阿里云


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

使用方法:

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

也想出现在这里?联系我们
创客主机
  1. <script src="path/to/shuffle-text.js"></script>

HTML 结构:

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <script src="shuffle-text.js"></script>
  5. </head>
  6. <body>
  7.     <h1 id="myText">This is a ShuffleText.js Examle</h1>
  8.     <script>
  9.         var el = document.getElementById("myText");
  10.         var text = new ShuffleText(el);
  11.         text.start();
  12.     </script>
  13. </body>
  14. </html>

初始化插件:

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

  1. var el = document.getElementById("myText");
  2.  
  3. var text = new ShuffleText(el);

方法:

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

  1. //开始执行洗牌动画
  2. start(): void
  3. //结束洗牌动画
  4. stop(): void
  5. //设置文字
  6. setText(text: string): void
  7. dispose(): void

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

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

已有 484 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!