阿方的博客

Minecraft 启动器燃起来了！

JavaScript

通过下面的代码可以实现在页面上的随机位置生成火焰图片，当鼠标悬停于火焰图片上方时移除对于图片元素

setTimeout(function() {
    setInterval(function() {
        var windowHeight = $(window).height();
        var windowWidth = $(window).width();
        var fire = $("<img>").attr("src", "https://img.uncode.top/images/2023/04/01/xJGY.gif").addClass('fire');
        var yPos = Math.floor(Math.random() * windowHeight);
        var xPos = Math.floor(Math.random() * windowWidth);
        fire.css({
            "position": "absolute",
            "left": xPos + "px",
            "top": yPos + "px"
        });
        fire.hover(function() {
            $(this).remove();
        });
        $("body").append(fire);
    }, 5000);
}, 10000);

在页面的边上放上一桶水，点击后执行$('.fire').remove();就可以清除页面上所有火焰了