WordPress-博客鼠标点击特效

<!-- 鼠标点击特效 -->
<script>
    var index = 0;
    jQuery(document).ready(function ($) {
        $("body").click(function (e) {
            var strArr = new Array("💖", "富强", "💜", "民主", "💙", "文明", "💚", "和谐", "💛", "自由", "🤎", "平等", "💗", "公正", "💜", "法治", "💖", "爱国", "💚", "敬业", "💚", "诚信", "💖", "友善");
            var $span = $("<span></span>").text(strArr[index]);
            //下标等于原来下标+1 余 词语总数
            index = (index + 1) % strArr.length;
            var x = e.pageX, y = e.pageY;
            $span.css({
                "z-index": 999999,
                "top": y - 28,
                "left": x - 10,
                "position": "absolute",
                "font-weight": "bold",
                "color": "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
            });
            $("body").append($span);
            $span.animate({
                //将原来的位置向上移动180
                "top": y - 180,
                "opacity": 0
                //1500动画的速度
            }, 1500, function () {
                //时间到了自动删除
                $span.remove();
            });
        });
    });
</script>

效果如下：