jQuery打字效果插件typer.js

WEB前端 JS插件 2015年1月10日

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

1、引入jquery和typer.js
[cc lang=”html” escaped=”true”]<script src=”./1.7.1/jquery.min.js”></script>
<script src=”./jquery.typer.js”></script>[/cc]

2、typer.js的使用
[cc lang=”html” escaped=”true”]<h2 data-typer-targets=”PHP程序员，雷雪松的博客”>…</h2>
<script>
$(function () {
$(‘[data-typer-targets]’).typer();
});
</script>[/cc]

3、typer.js参数
[cc lang=”javascript” escaped=”true”]// typer.js默认参数
{
highlightSpeed : 20,
typeSpeed : 100,
clearDelay : 500,
typeDelay : 200,
clearOnHighlight : true,
typerDataAttr : ‘data-typer-targets’,
typerInterval : 2000
}

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

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