jQuery打字效果插件typer.js

WEB前端

typer.js插件是一个非常有意思的jQuery插件,实现一个一个字输出,类似打字的效果。typer.js是一个比较小的插件,依赖于jQuery。typer.js使用起来也比较方便,允许设置打字时间间隔,循环输出,清除打字效果时间等。

1、引入jquery和typer.js

1
2
<script src="./1.7.1/jquery.min.js"></script>
<script src="./jquery.typer.js"></script>

2、typer.js的使用

1
2
3
4
5
6
<h2 data-typer-targets="PHP程序员,雷雪松的博客">...</h2>
<script>
$(function () {
$('[data-typer-targets]').typer();
});
</script>

3、typer.js参数

1
2
3
4
5
6
7
8
9
10
11
12
13
// typer.js默认参数
{
highlightSpeed : 20,
typeSpeed : 100,
clearDelay : 500,
typeDelay : 200,
clearOnHighlight : true,
typerDataAttr : 'data-typer-targets',
typerInterval : 2000
}

//typer.js单独设置参数
$.typer.options.highlightSpeed = 500;

来源:jQuery打字效果插件typer.js

发表评论

电子邮件地址不会被公开。 必填项已用*标注