jquery实现文字逐字逐句显示的插件

向大家介绍一款插件: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/



本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部