打字和文本回删插件AutoTyping.js

打字和文本回删插件AutoTyping.js源码下载

看看谁在用

查看文件结构

文件大小:0.00M

资源分类: 插件-其它前端代码

更新时间: 2021-01-30

AutoTyping.js是原生JavaScript打字效果js插件,连续的文本输入和删除效果适用于一个字符串数组。创建一个文本自动旋转,旋转通过字符输入任何文本效果。

调用方法
const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect']
})
初始化
myheader.init()
自定义颜色
const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      textColor: '#ff0000'
})
自定义打字特效
const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      typeSpeed: 100,
      typeDelay: 100,
      typeRandom: false,
      deleteSpeed: 50,
      deleteDelay: 50,
      typeInfinity: true
})
自定义光标效果
const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      cursor: '|',
      cursorColor: '#000',
      cursorSpeed: 300
})
回调方法
const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      callBack: {
        counter: 3,
        method: function(counter){
          // do something
        } 
      }
})

打字和文本回删插件AutoTyping.js

正在加载文件目录...

也许你还喜欢

  1. js打字动画效果插件WriteIt.js
  2. jQuery键盘打字练习效果
  3. CSS3文本删除线特效
  4. jQuery爱心表白打字动画效果
  5. JS打字练习网页代码
  6. vue+typed.js控制台打字动画特效
CSS可视化指针刻度仪表盘
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2