看了一些个人博客网站侧边栏和底部信息介绍有打字机效果,高大上很神奇,于是百度了下发现可以用typed.js来实现打字机效果,开箱即用,高大上!!
效果预览

安装教程
1、首先以下代码放在html页面的网站(你想放的地方)
说明:这段代码要放在js代码前面不然会生效
<span id="Typed" style="color: #3f7fe0;" ></span>
说明: style="color: #3f7fe0;" 为设置字体颜色代码
JS代码如下:代码放在网站底部</body>之前即可(放在js里面记得取消<script></script>)
<script src="https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js"></script>
<script language=javascript>
var typed = new Typed("#Typed", {
strings: ["用行动去思考,去改变、去创造。","Take action to think, to change, to create."],
startDelay: 200,
backDelay: 2000,
typeSpeed: 100,
loop: true,
backSpeed: 20
})
</script>说明:strings: ["用行动去思考,去改变、去创造。","Take action to think, to change, to create."], 这个里面的文字可以修改
最后效果图如下


