给你的WordPress主题添加“富强、民主、文明、和谐、”等鼠标点击特效

看到别的网站上使用鼠标点击会出现“富强、民主、和谐”鼠标点击特效，想不想为自己的 WordPress 网站上添加相同的效果，其实方法非常简单，一段 JS 代码就可以搞定。把以下的 JS 代码投放到合适的位置后刷新网站就可以啦！

打开“外观-主题-编辑-（最右侧）模板-主题页脚 (footer.php)”

加入以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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>