AutoTyper.js打字机文字动画特效

来源:https://www.sucaihuo.com/js/4500.html 2019-07-04 11:46浏览(483) 收藏

AutoTyper.js插件制作一款简单的打字机文字动画特效,默认设置文字,支持中英文,点击Run按钮查看打字机动画效果。
AutoTyper.js打字机文字动画特效
分类:文字特效 > 文字动画 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/autotyper.min.js"></script>
<script type="text/javascript">
// custom options
var options = {
	selector: ".typer-target", // target element selector
	words: ["Hello World..."], // words/sentences that will be auto typed
	charSpeed: 85, // letter typing animation speed
	delay: 2100, // word/sentence typing animation delay
	loop: false, // if loop is activated, autoTyper will start over
	flipflop: false // if flipflop is activated, letters which are typed animated will be removed ony by one animated
};

var typer = new autoTyper(options);

document.getElementById("run").addEventListener("click", function(e) {
	typer.start();
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2