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

3 评论 “jQuery打字效果插件typer.js

    30o 评论:
    2019年5月5日 下午8:50

    楼下是疯子。哈哈

    敦煌电影网 评论:
    2019年5月8日 下午11:43

    哇塞,居然是沙发?留个名

    吾读 评论:
    2019年5月10日 下午10:38

    非常精彩的文章,引人入胜,痛快淋漓。感谢楼主分享。

发表评论

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