史上最华丽的打字效果JS插件
当前版本1.4
引入相关文件
<!--引入鼠标闪烁效果CSS(可选)--> <!--引入typing.js,核心文件-->
在页面底部或者Ready
事件中执行相关代码
鼠标闪烁效果,暂时只支持内容都是行内元素的内容
typing-cursor
和typing-cursor-black
都是闪烁的黑色光标,而typing-cursor-white
则是闪烁的黑色光标。
请注意要在span
里面放置内容|
这里的呈现效果是有鼠标跟随的! 还不错吧? |
todo
- 回退删除效果
- 块状元素的鼠标闪烁输入效果
- 放入
bower
包管理,方便引用
接口说明
实例化typing后即可使用下面接口
start:开始打印文字typingstart;
typing;
typing;
通过设置元素的data-type="back"来达到回退删除的效果 上面的文本被删除完毕后才会出现的文本 重点文本,可以设置高的延迟时间。通过设置data-delay="200"来设置打印效果的毫秒数
更新记录
- 1.4
- 增加
UMD
模块加载
- 增加
- 1.3
- 增加打印完成后的回调函数
- 1.2
- 移除对
es5-shim
的依赖
- 移除对
- 1.1
- 修复IE8会报错的bug(
Array.prototype.slice
改为用for
)
- 修复IE8会报错的bug(