步骤:
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 条评论