textsliding

0.0.3 • Public • Published

当一行文字超出固定宽度后,自动左右滑动的js插件

有时候会有这样的需求,比如显示公交站名或者地铁站名时,当站名比较长,自动来回滑动显示对于用户比较友好

使用方法

  • 安装
npm install textsbliding -S
  • 引用
import Textsbliding from 'textsbliding'

const textsbliding = new Textsbliding({
  parentClass: '.textover-animation-parent', // 容器的元素类名,也可以用ID
  childClass: '.textover-animation-child', // 文字的元素类名,也可以用ID
  speed: 5, // 默认规定时间移动5px
  time: 100, // 默认 100ms移动一次
  direction: 'landscape' // 默认横向 横向 landscape 纵向 portrait
})
textsbliding.init()
  • 效果可以下载包里面的example 浏览器查看

Readme

Keywords

Package Sidebar

Install

npm i textsliding

Weekly Downloads

0

Version

0.0.3

License

ISC

Unpacked Size

652 kB

Total Files

7

Last publish

Collaborators

  • wlwastone