jQuery 实现点击出现悬浮字并消失

提醒：本文最后更新于 2019-02-12 10:59，文中所关联的信息可能已发生改变，请知悉！

如下

$(document).click(function (e) {
                var pp;
                var i = Math.floor(Math.random() * 10);
                switch (i) {
                    case 0:
                        pp = "<p class='c'> 爱国 </p>";
                        break;
                    case 2:
                        pp = "<p class='c'> 敬业 </p>";
                        break;
                    case 3:
                        pp = "<p class='c'> 诚信 </p>";
                        break;
                    case 4:
                        pp = "<p class='c'> 友善 </p>";
                        break;
                    case 5:
                        pp = "<p class='c'> 公平 </p>";
                        break;
                    case 6:
                        pp = "<p class='c'> 平等 </p>";
                        break;
                    case 7:
                        pp = "<p class='c'> 自由 </p>";
                        break;
                    case 8:
                        pp = "<p class='c'> 诚信 </p>";
                        break;
                    case 9:
                        pp = "<p class='c'> 爱国 </p>";
                        break;
                    default:
                        pp = "<p class='c'> 爱国 </p>";
                        break;
                }
                var p = $(pp).appendTo("html");
                $(p).css({"left": e.pageX, "top": e.pageY});
                $(p).animate({"top": e.pageY - 150, "opacity": 0.1}, 500, function () {$(this).remove();});
            });