向大家介绍一款插件:l-by-l.min.js 可以实现文字逐字逐句展示。可以控制速度和展现方式。
参数:
speed--速度
type---显示方式,可以填写show,fade .
finished---回调函数,也就是当前函数执行完之后要执行的操作。
fadeSpeed-----这个参数的意思是整段话全部展示所需要的时间
实现逐字逐句显示文字的jQuery插件
l-by-l.min.js
/*
Copyright © 2015 HTML5andBeyond.com
Licensed Under MIT
*/
!function(e){e.fn.lbyl=function(n){{var t=e.extend({content:"",speed:10,type:"fade",fadeSpeed:500,finished:function(){}},n),d=e(this),s=[],i=t.content;e(this).length}d.empty(),d.attr("data-time",i.length*t.speed);for(var p=0;p'+n+""),setTimeout(function(){"show"==t.type?d.find("span:eq("+e+")").show():"fade"==t.type&&d.find("span:eq("+e+")").fadeIn(t.fadeSpeed)},e*t.speed)}),setTimeout(function(){t.finished()},i.length*t.speed)}}(jQuery);
插件地址:http://www.jq22.com/demo/jquery-txt20160422/