关于鼠标点击页面动态效果--前端

可在博客的设置里的页首Html代码里粘贴如下代码即可出现点击效果

<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": 99,
                        "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>

 

posted on 2019-01-19 12:59  &#128051;️南栀倾寒&#128051;️  阅读(634)  评论(0编辑  收藏  举报

导航