数字滚动插件
sonder 中杯
  2020-07-30 18:24:41 2020-07-30 18:24      146 字  1 分钟  

数字滚动

一直想找一个数字滚动的插件，但是一直没找到合适的，于是自己动手撸了一个，纯JS打造，觉得喜欢的可以Star

github地址： https://github.com/sonderss/NumberScrolling

npm安装

1
npm i numberscrolling --save 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// vue项目使用示例

<view id='t'></view>

// js

import CbuildNumber from 'numberscrolling'

mounted() {
  let dom = document.getElementById('t')
  let obj  ={
      dom,
      num: "3565648",
      color: '#1890FF'
  }
  const t = new CbuildNumber(obj)
  t.start()
},

最终效果

视频体验 在线视频

github地址 项目预览

个人地址 浏览器预览

  • 本文标题：数字滚动插件
  • 本文作者：sonder
  • 创建时间：2020-07-30 18:24:41
  • 本文链接：https://sonderss.github.io/2020/07/30/数字滚动插件/
 评论