<span>Click the background to try(尝试点击背景)</span>
body {
	margin: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgb(39, 40, 34)
}
span {
	position: absolute;
	color: white;
	top: 30px;
	left: 30px;
}
var idx = 0;
$(document).ready(function () {
        $("body").click(function (e) {
            var a = ["@@", "##", "$$", "&&", "**", "!!", "++", "%%", "^^"];
            var $i = $("<span>").text(a[idx]);
            idx = Math.round(Math.random() * a.length);
            var x = e.clientX,
                y = e.clientY;
            $i.css({
                "z-index": 999999,
                "pointer-events": "none",
                "position": "fixed",
                "top": y - 6,
                "left": x,
                "font-size": "6px",
                "font-weight": "bolder",
                "color": "rgb(" + (Math.random() * 200 + 55) + ","
                    + (Math.random() * 200 + 55) + ","
                    + (Math.random() * 200 + 55) + ")"
            });
            $("body").append($i);
            $i.animate({
                "top": y - 180,
                "opacity": 0
            }, 1500, function () {
                $i.remove();
            });
        });
    });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.