##打字动画插件
- 不依赖Jquery
- 增加闭包
- 增加换行功能
- 删除增加模式【ALL 删除所有 // LINE 删除到<
br> //NUM 删除指定数量 // DIFF 删除到非文本位置「包括<br>」（后续会用到）】
- 增加图片输入
- 增加内置特效
根目录下Typing-Animate-Pro.js
1.换行功能
type.add("这是一句测试的效果").sleep(1000).br().add("第二行").execute(); 2.删除功能
/**
* 不传 -> 删除所有
* 数值 按数量删除
* {
* mode : "LINE","ALL","DIFF","NUM",
* num : 10
* }
*/
.delete()
.delete(10)
.delete({mode : "LINE"})
.delete({mode : "NUM",num: 10})基本用法参见typing-animate.js
<script src="./Typing-Animate-Pro.js"></script>1.然后指定一个要实现动画效果的空标签内增加一个类名,这里我们设为typing-ani。
<div class="typing-ani" ></div>2.使用内置的构造函数新建一个对象，第一个参数为类名，第二个参数为对动画的配置选项（不传则为默认动画效果）
var typing = new Typing("typing-ani",{
"typingSpeed":50, //打字速度，数值为时间间隔（ms）
"cursorSpeed":100, //光标闪烁速度，数值为时间间隔（ms）
"head":"/* ", //头部固定文字
"foot":" */" //尾部固定文字
});3.使用链式调用的方式实现想要的效果
typing.add("这是一句测试的效果") //增加文字
.sleep(1000) //暂停时间（ms）
.delete(5) //删除五个字符，不传参即全部删除
.callback( //回调函数，上个任务执行后执行。
function(){
$(#typing-ani).css("background-color","red");
}
)
.execute(); //在最后加上execute即可立即执行动画效果。二、配置选项介绍
您可以通过配置构造函数的第二个参数进行对动画效果的配置，参数如下：
typingSpeed //打字速度，默认50ms
cursorSpeed //光标闪烁速度，默认50ms
cursorChar //光标文字，默认为█
loop //动画是否一直循环，默认为false
cursorInfinity //光标在动画完成后是否继续一直闪烁，默认为false
fade //光标是否为渐隐渐现效果，默认为false
head //头部固定文字，默认为无
foot //尾部固定文字，默认为无三、函数介绍
add() //增加文字内容。
delete() //删除文字，传入数字即可删除指定个数，不传参即全部删除。
sleep() //动画暂停，传入数字为暂停时间（ms）。
setting() //传入一个对象，可在动画的途中进行配置。
可配置项:
typingSpeed //打字速度，默认50ms
cursorSpeed //光标闪烁速度，默认50ms
execute() //末尾以此函数结束即可开始动画。###License
Released under the MIT license.