body 页面点击事件处理，页面冒彩色泡泡，文字泡泡

最新推荐文章于 2024-06-20 16:19:41 发布

M_少，开发者

最新推荐文章于 2024-06-20 16:19:41 发布

阅读量490

点赞数

分类专栏： js 前端js

本文链接：https://blog.csdn.net/qq_40400182/article/details/120779613

版权

jquery javascript html

js 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

前端js

4 篇文章 0 订阅

订阅专栏

body 页面点击事件处理，页面冒彩色泡泡，文字泡泡，需要引用jQuery。

在这里插入代码片
var m_index = 0;
			$(document).ready(function($) {
				$("body").click(function(e) {
			        var a = new Array("❤","❤阳光❤","❤","❤开朗❤","❤","❤正能量❤","❤","❤奥利给❤","❤","❤哈哈哈❤","❤","❤可爱❤");
			        var $i = $("<span></span>").text(a[m_index]);
						m_index = (m_index + 1) % a.length;
			        var x = e.pageX,
						y = e.pageY;
			        $i.css({
			            "z-index": 99999999,
			            "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();
			        });
			    });
			});