鼠标点击特效（富强，民主，文明，和谐，诚信，友善）

“田：

已于 2023-01-06 16:25:55 修改

阅读量1.5k

点赞数 3

分类专栏： js 文章标签： javascript 前端

于 2022-01-26 21:48:16 首次发布

本文链接：https://blog.csdn.net/m0_52342043/article/details/122709286

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

创建一个".js"文件再引入
其代码如下：富强", “民主”, “文明”, “和谐”, “自由”, “平等”, “公正”, “法治”, “爱国”, “敬业”, “诚信”, “友善”

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": 5,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#FF0000"
        });
        $("body").append($i);
        $i.animate({
                "top": y - 180,
                "opacity": 0
            },
            3000,
            function () {
                $i.remove();
            });
    });
    setTimeout('delay()', 2000);
});

function delay() {
    $(".buryit").removeAttr("onclick");
}