Now there are so many click special effects code, but I chose to follow the trend again because I am a good young man who abides by the law and loves his country~

Code directly on it! The JQ library needs to be introduced. If jQuery has been introduced into the code, please delete the first line of the following code 。

 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
var a_ IDX = 0; 
jquery (document). Ready (function ($) {
 $("body"). Click (function (E) {var a = new array ("prosperity", "democracy", "civilization", "harmony", "freedom", "equality", "justice", "rule of law", "patriotism", "dedication", "honesty", "Friendliness"); 
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": 100000000,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#00afef"
        });
        $("body").append($i);
        $i.animate({
             "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

The mouse click effect is as follows: