今天有个地方要写注意事项说明,想加个动态效果吸引用户注意力,不然可能某些用户不会看,所以搜到了这么一个插件,非常有意思,而且使用简单。
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