网站集成打字震动特效JS代码改进版-♚纪实阁付涛♚

网站集成打字震动特效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 中引入如下代码(位置随意),其他网站程序可以集成到网页的页脚等位置:

<!-- 这里的js改为第1步中的实际JS地址 -->
<script src="//www.domain.com/wp-content/themes/begin/js/apm-min.js"></script>
<script type="text/javascript">
/* Cookie写入函数 */
function SetCookie(sName, sValue,iExpireDays) {
domain='www.domain.com'; /*这里改成网站的实际域名*/
if (iExpireDays){
var dExpire = new Date();
dExpire.setTime(dExpire.getTime()+parseInt(iExpireDays*24*60*60*1000));
document.cookie = sName + "=" + escape(sValue) + "; expires=" + dExpire.toGMTString()+ ";
path=/;domain="+domain;
}
else{
document.cookie = sName + "=" + escape(sValue)+ "; path=/;domain=zhangge.net";
}
}
/* Cookie获取函数 */
function GetCookie(sName) {
var arr = document.cookie.match(new RegExp("(^| )"+sName+"=([^;]*)(;|$)"));
if(arr != null){return unescape(arr[2])};
return null;
}
var openshake = '打开震动';
var closeshake = '关闭震动';
POWERMODE.colorful = true; /* 彩色开关,改成false则关闭彩色显示 */
/* 默认开启震动 */
if (GetCookie('shakectrl') == 1 || GetCookie('shakectrl') == null ) {
jQuery('.shakectrl').text(closeshake);
POWERMODE.shake = true;
} else {
jQuery('.shakectrl').text(openshake);
POWERMODE.shake = false;
}
/* 移动端不震动 */
if(/iphone|ipod|ipad|Android|nokia|blackberry|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|sa
msung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCas
e()) || GetCookie('shakectrl') == 0){
POWERMODE.shake = false;
} else {
POWERMODE.shake = true;
}
/* 震动点击开关功能 */
jQuery(".shakectrl").click(function(){
if ( jQuery('.shakectrl').html() == closeshake ) {
jQuery('.shakectrl').text(openshake);
SetCookie("shakectrl", 0, 365);
POWERMODE.shake = false;
} else {
jQuery('.shakectrl').text(closeshake);
SetCookie("shakectrl", 1, 365);
POWERMODE.shake = true;
}
});
/* 将特效绑定到input */
document.body.addEventListener('input', POWERMODE);
</script>

注:本篇内容来源于【张戈博客】,非本站原创

【友情提示:】
1、本文由 ♚纪实阁付涛♚ 作者:付涛纪实阁 发表,其版权均为 ♚纪实阁付涛♚ 所有;
2、文章内容系作者个人观点,不代表除个人作者外的任何第三方针对观点赞同或支持;
3、本站文章均为博主原创,如需转载,请注明文章来源;
0

发表评论