步骤:

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 条评论

发表评论

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