WordPress

为你的WordPress网站评论输入框添加打字冒光特效

在网页中合理的利用一些特效能带给人眼前一亮的感觉。今天给大家分享很有意思的 Js 特效插件。

具体的效果请看 GIF 图:
先上传 activate-power-mode.js 到 当前主题目录/js 文件夹中,然后打开主题的 footer.php,并在里面插入如下代码即可:

  1. <script src="<?php bloginfo('template_directory'); ?>/includes/js/activate-power-mode.js "></script>
  2. <script>
  3.  POWERMODE.colorful = true// ture 为启用礼花特效
  4.  POWERMODE.shake = false// false 为禁用震动特效
  5.  document.body.addEventListener('input', POWERMODE);
  6. </script>

这个特效在移动端可能会导致有点卡,体验不是很好。如果想要仅仅在 PC 端使用,那么可以这样:

  1. <?php if (!wp_is_mobile()): ?> <script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script> <script>    
  2.    POWERMODE.colorful = true;  // 冒光特效    
  3.    POWERMODE.shake = false;    // 抖动特效    
  4.    document.body.addEventListener('input', POWERMODE); // 为所有 input 标签都加上特效    
  5.    </script> <?php endif; ?>  

(0)

本文由 优次元 作者:MiChen 发表,转载请注明来源!

热评文章

发表评论


*