网页js代码鼠标点击爱心特效（富强、自由、爱国、敬业、友善）

效果图如下：

js代码如下：

script>

    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>

将上面js代码添加到网站底部即可！

我是九九学长，我一直都在~

标签：function,鼠标,idx,random,js,var,敬业,Math
来源： https://blog.csdn.net/weixin_51098377/article/details/114985334