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

最新推荐文章于 2024-06-01 17:33:11 发布

沈行的专栏

最新推荐文章于 2024-06-01 17:33:11 发布

阅读量4.7k

点赞数 3

分类专栏： Javescript

本文链接：https://blog.youkuaiyun.com/walk_man_3/article/details/82812083

版权

<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