为WordPress添加鼠标点击特效

惹女朋友不高兴了，唉，她说自己待一会，我也不知道要干什么，就弄了一个鼠标点击特效，猪猪我爱你。

效果展示

鼠标点击会出一个词，再点又是另一个词。

实现方法

将下面这一段代码复制粘贴到你的页脚文件前面，一般名为footer.php，在主题的根目录中，如下图所示。

代码

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
   $("body").click(function(e) {
       var a = new Array("猪猪", "我爱你");
       var $i = $("<span/>").text(a[a_idx]);
       a_idx = (a_idx + 1) % a.length;
       var x = e.pageX,
       y = e.pageY;
       $i.css({
           "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
           "top": y - 20,
           "left": x,
           "position": "absolute",
           "font-weight": "bold",
           "color": "#ff6651"
       });
       $("body").append($i);
       $i.animate({
           "top": y - 180,
           "opacity": 0
       },
       1500,
       function() {
           $i.remove();
       });
   });
});
    </script>

不知道她还生不生我气。
本文原地址：https://xiaorenjc.net/163.html