/ 博客 / 112浏览

js实现简单打字机效果

步骤:

1、下载typed.js,放在主题文件夹下。

2、简书[typed.js]-Javascript打字动画库,案例示范中拷贝从<body></body>之间的内容,贴在自己的页面内。

3、CSS内自定义样式,如:

/* typewriter */
.element {
	font-size: 40px;
	font-family: courier;
	display: inline-block;
}
.typed-cursor {
	font-size: 35px;
}

效果:

404页面

改进:

后期可以将函数提取后封装成可以引用的js文件,单独引用,实现不同文字的效果。

0

  1. This post has no comment yet

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注