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/


你可能感兴趣的:(网页中用到过的效果)