TheaterJS 介绍
Theaterjs是一款模拟打字机 效果 的js打字机 效果 插件 。
安装
bower install theaterjs
npm install theaterjs
例子
<div id="vader"></div>
<div id="luke"></div>
<script src="path/to/theater.min.js"></script>
<script>
var theater = theaterjs()
theater
.on('type:start,erase:start',function () {
// add a class to actor's dom element when he starts typing/erasing
var actor = theater.getCurrentActor()
actor.$element.classList.add('is-typing')
})
.on('type:end,erase:end',function () {
// and then remove it when he's done
var actor = theater.getCurrentActor()
actor.$element.classList.remove('is-typing')
})
theater
.addActor('vader')
.addActor('luke')
theater
.addScene('vader:Luke...',400)
.addScene('luke:What?',400)
.addScene('vader:I am',200,'.','. ')
.addScene('Your father!')
.addScene(theater.replay)
</script>
网站地址 : https://codepen.io/Zhouzi/pen/JoRazP
GitHub: https://github.com/Zhouzi/TheaterJS
网站描述: 一个 用于模拟人输入行为的 JS 库
TheaterJS官方网站
官方网站： https://codepen.io/Zhouzi/pen/JoRazP
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。