之前我们分享过一个有趣而简单的动态打印字体插件——typed.js
关于typed.js,可以了解这篇文章
这里我们会陆续给给大家说一下,Typed.js的几种实际应用方法,多掌握一些简单的前端技巧
4.在输入框(input)种使用typed.js
typed.js不仅能在普通块容器中使用,也可以应用在input表单容器中,在实际应用中可以增强提示效果。当input为焦点状态,自动输入打字效果效果会暂停,当焦点离开input,打字效果会继续。如下所示
var typed4 = new Typed('#typed4', {
strings: ['Some strings without', 'Some HTML', 'Chars'],
typeSpeed: 0,
backSpeed: 0,
attr: 'placeholder',
bindInputFocusEvents: true,
loop: true
});
attr: 'placeholder',指定用strings内容替换placeholder
bindInputFocusEvents: true,捕获焦点状态
-
TensorFlow.js一个用于使用 JavaScript 进行机器学习开发的库TensorFlow.js 是一个用于使用 JavaScript 进行机器学习开发的库,使用 JavaScript 开发机器学习模型,并直接在浏览器或 Node.js 中使用机器学习模型。其前身是谷歌的神经网络算法库DistBelief。
-
JavaScript 在数字前补 0 的方法长度不够,0 来凑
-
JavaScript 模版字符串学习JavaScript 模版字符串用起来更方便
-
jQuery AJAX HTTP CODE 400jQuery AJAX HTTP CODE 400
-
简单了解一下能帮你提高开发效率的现代CSS框架优秀的CSS框架很多,这里对大家常见的几个做简单介绍
-
开源项目:Anime JavaScript 动画引擎"Anime.js" 是一个轻量级且功能强大的 JavaScript 动画引擎。它允许开发者使用简洁的语法创建复杂且平滑的动画效果。Anime.js 提供了丰富的动画选项和回调函数,让开发者能够很好地控制动画的各个方面。
暂无评论,抢个沙发...