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 浏览器查看

/textsliding/

    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