网站集成打字震动特效JS代码改进版

这又是一个拖欠了很久的分享,很早就有朋友留言问评论打字炫彩、震动特效怎么实现的。这功能其实网上早就有人分享 N 遍了,有点搜索技巧和 DIY 能力的站长同学也早就实现了。这里还是继续分享一下我这边的一些改进,也许有朋友可以用得到。网站集成打字震动特效JS代码改进版

简单的改进:

1、移动端关闭震动,移动端震动会显得很卡;

2、添加震动开关,方便不喜欢的朋友进行关闭,采用 Cookie 记忆同一个浏览器点击关闭一次即可。

Ps:没什么技术含量,略懂 JS 语法的朋友完全可以自己继续发挥。

以下是简单的部署步骤(不限于 WordPress,标准 HTML 网页均可使用):

1、将以下代码保存为 js 文件,比如 apm-min.js 上传到网站主题目录:

比如最终得到的 JS 地址:https://www.domain.com/wp-content/themes/begin/js/apm-min.js 能够在浏览器正常访问即可。

2、WordPress 在主题的评论模板文件 comments.php 中引入如下代码(位置随意),其他网站程序可以集成到网页的页脚等位置:

3、在想要出现震动开关的位置添加按钮代码:

Ps:每个人网站风格不一样,这个按钮样式就不给 CSS 代码了,自行 DIY 修改吧。

效果预览:在本页留言即可看到效果。网站集成打字震动特效JS代码改进版

之前很多朋友留言说震动太难受了,我只能说那么大个红色开关,你却视而不见?说明观察力有待提高啊!

评论已关闭!