Ghost32 - 安全的系统软件下载站!

ghost32怎么安装系统|装机必备|最新专题|最近更新

当前位置:首页 > 系统文章 > XP教程

网页炫酷打字特效

时间:2018-09-03 11:10:20 来源: 点击:
手机扫码继续观看
网页炫酷打字特效

有盆友问博主关于评论框打字特效是怎么实现的?所以更新了这篇教程,源自是《打字特效》的详细版。(代码可以关注后私信作者demo004获取)

 

网页炫酷打字特效

 

重申一遍,最初见到这个打字特效是在atom编译器中,有一个打字特效插件(activate-power-mode)。效果如下图,atom和特效插件的安装过程问百度就行啦,这里不做介绍。

 

网页炫酷打字特效

 

欢迎主角

有请我们这次介绍的主角,js版activate-power-mode,github仓库地址github.com/disjukr/activate-power-mode。

仓库下的README.md有介绍食用方法:

 

网页炫酷打字特效

 

现将其下载下来:

 

网页炫酷打字特效

 

解压缩后的文件如下:(我们需要的js文件在dist文件夹下)

 

网页炫酷打字特效

 

在目录下新建一个index.html,插入如下代码

 

网页炫酷打字特效

 

食用注意事项:

注意js引入路径是否正确 只要有js的input事件都会触发(试过改成click,只有鼠标点击的时候会触发)

浏览器打开效果:

 

网页炫酷打字特效

 

是不是很简单,这篇教程就到这里啦。

上一篇:windows bat(批处理)——基础语法

下一篇:OPPO R17怎么截屏?OPPO R17截屏技巧分享!

相关文章

网友评论(共有 0 条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

最新评论