WordPress美化 鼠标点击呈现特效

找到wp-content/themes/ripro/parts/diy-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></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\": \"rgb(\"+~~(255*Math.random())+\",\"+~~(255*Math.random())+\",\"+~~(255*Math.random())+\")\"
        );
        $(\"body\").append($i);
        $i.animate(
            \"top\": y - 180,
            \"opacity\": 0
        ,
        1500,
        function() 
            $i.remove();
        );
    );
);
</script>

第二种方法：

 /* 鼠标殊效 */
  <script type=\"text/javascript\">
$(function() 
    var a_idx = 0,
        b_idx = 0;
    c_idx = 0;
    jQuery(document).ready(function($) 
        $(\"body\").click(function(e) 
            var a = new Array(\"欢送您\", \"么么哒\", \"您实好\", \"棒棒哒\", \"实心爱\", \"您最好\", \"喜好您\", \"实伶俐\", \"爱您哦\", \"好凶猛\", \"您实帅\", \"祝愿您\"),
                b = new Array(\"#09ebfc\", \"#ff6651\", \"#ffb351\", \"#51ff65\", \"#5197ff\", \"#a551ff\", \"#ff51f7\", \"#ff518e\", \"#ff5163\", \"#efff51\"),
                c = new Array(\"12\", \"14\", \"16\", \"18\", \"20\", \"22\", \"24\", \"26\", \"28\", \"30\");
            var $i = $(\"<span/>\").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            b_idx = (b_idx + 1) % b.length;
            c_idx = (c_idx + 1) % c.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css(
                \"z-index\": 999,
                \"top\": y - 20,
                \"left\": x,
                \"position\": \"absolute\",
                \"font-weight\": \"bold\",
                \"font-size\": c[c_idx] + \"px\",
                \"color\": b[b_idx]
            );
            $(\"body\").append($i);
            $i.animate(
                \"top\": y - 180,
                \"opacity\": 0
            , 1500, function() 
                $i.remove();
            );
        );
    );
    var _hmt = _hmt || [];
)
</script>