jQuery打字效果插件typer.js
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; |
2019年5月8日 下午11:43
哇塞,居然是沙发?留个名
2019年5月10日 下午10:38
非常精彩的文章,引人入胜,痛快淋漓。感谢楼主分享。