当前位置: 排列三试机号今天 > 教程资源 > 正文
为你的 WordPress 网站添加个性输入礼花及震动特效

排列三试机号今天 www.fzu1t.com.cn 为你的 WordPress 网站添加个性输入礼花及震动特效

作者:大眼仔~旭 日期:3个月前 (12-07) 围观:7201+ 评论:0 条

摘要:作为 WordPress 用户的一员,真是为了装逼费心费力(虽然 js 文件不是我写的)。WordpPress 输入框的一个礼花及震动特效效果,由于是调用的 js 文件,所以不仅仅可以用于 WordPress,其它网站上一样可以正常使用。js 特效中包含礼花及震动特效,你可以分别启用或禁用某个效果。 WordPress…

作为 WordPress 用户的一员,真是为了装逼费心费力(虽然 js 文件不是我写的)。WordpPress 输入框的一个礼花及震动特效效果,由于是调用的 js 文件,所以不仅仅可以用于 WordPress,其它网站上一样可以正常使用。js 特效中包含礼花及震动特效,你可以分别启用或禁用某个效果。

WordPress 输入礼花及震动特效安装方法:

第一步下载 JS 文件:activate-power-mode.js(你可以点它下载),并上传到主题的 JS 文件夹中。

第二步安装代码:将以下代码添加到主题 footer.php 文件尾部或你觉得合适的位置。

<script src=”<?php bloginfo(‘template_directory’); ?>/includes/js/activate-power-mode.js “></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener(‘input’, POWERMODE);
</script>

注意:这个 WordPress 输入特效只有在评论的时候使用,所以为了不乱加载这些JS文件,建议给这些代码加一个判断是否为文章页或页面,是的话才加载这些代码。

如果所使用主题的 footer.php 文件内没有这个判断条件的话,建议使用以下代码:

<?php if (is_single() || is_page() ) { ?>
<script src=”<?php bloginfo(‘template_directory’); ?>/js/activate-power-mode.js “></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener(‘input’, POWERMODE);
</script>
<?php }?>

如果已经有判断条件代码 <?php if (is_single() || is_page() ) { ?>,只需要将第二步的代码添加在里面即可。

注意:如果第一步上传的路径不是在JS文件夹中,在第二步引用 activate-power-mode.js 文件时记得修改路径哦。

或者去下载另一个 JS:https://github.com/cnguu/Bomb-Typecho-Plugin

声明:排列三试机号今天 | 本文采用[BY-NC-SA]协议进行授权
文章名称:《为你的 WordPress 网站添加个性输入礼花及震动特效
文章固定链接://www.fzu1t.com.cn/activate-power.html
本站资源仅供个人学习交流,请于下载后 24 小时内删除,不允许用于商业用途,否则法律问题自行承担。
转载声明
全部评论: (0条)
^_^ 暂无评论!

发表评论

返回顶部
  • 拼多多:你的梦想难道是成为下水道吗(原创首发) 2019-03-19
  • 敲黑板!“信息公开”不是“隐私公开”! 2019-03-19
  • 新时代的主要矛盾是需要与发展不充分不平衡的矛盾,发展不充分的原因在于历史的欠账,近代的落后,发展的不平衡的原因应该归功于市场经济。 2019-03-18
  • 你的声音,说一句话就能被克隆 2019-03-17
  • 银行不用“冲时点”了?存款偏离度调整至4% 2019-03-16
  • 滨海新区排查2374家校外培训机构 整改不到位纳入黑名单 2019-03-15
  • 宁波上周理财收益率有升有降 6月末回暖仍然可期 2019-03-15
  • 11岁劫杀女司机 男子7年后自首:良心过不去 2019-03-14
  • 【大考2018】新安晚报爱心送考车出发 2019-03-14
  • 瀚叶股份:关于收到上海证券交易所《关于对浙江瀚叶股份有限公司发行股份及支付现金购买资产并募集配套资金暨关联交易预案信息披露的二次问询函》暨公司股票继续停牌的公告 2019-03-13
  • 端午假期广州全球“吸粉”迎客578万人次 2019-03-13
  • 新疆铁路货运单日装车突破7000车大关 2019-03-12
  • 任弼时女儿任远芳的回忆:父亲的爱温暖我一生 2019-03-11
  • 3000元预算我只推荐这款手机 买完绝对不会后悔 2019-03-11
  • 红枣板栗馅粽子是“极品” 2019-03-10
  • 209| 384| 34| 415| 167| 156| 121| 538| 966| 249|