JS插件-typed.js打印机效果

今天有个地方要写注意事项说明,想加个动态效果吸引用户注意力,不然可能某些用户不会看,所以搜到了这么一个插件,非常有意思,而且使用简单。
typed.js插件下载地址

1.引入typed.min.js

<script src="{{asset("js/typed.min.js")}}"></script>

2.使用

<script>
    if ($('.text-slider').length == 1){
        var typed = new Typed('.text-slider', {
            strings:["曾梦想仗剑走天涯<br/>看一看世界的繁华"] ,
            typeSpeed: 50,
            loop: false,
            onComplete:function(){
                  //do something
            }
        });
    }
</script>

3.附上参数详解

参数详解1

参数详解2

参数详解3
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。