Question

我一直在寻找我所拥有的游戏创意的年龄。我刚刚开始使用JQuery，我想知道如何制作一个游戏，你点击一个按钮，然后它在不同的位置重生。

我所知道的是，我也会制作一个画布，然后在画布上生成2个数字，然后将其移动到该位置。

如何做到这一点？

Answer 1

这可以通过操纵应用于按钮的CSS非常简单地完成。这是一个例子：

<强> JavaScript的：

$(document).ready(function(){
    $("#button").on("click", function(){
        var widthMax = $(window).width() - $("#button").width();
        var heightMax = $(window).height() - $("#button").height();

        var randomLeft = Math.random() * (widthMax);
        var randomTop = Math.random() * (heightMax);

        $("#button").css("left", randomLeft).css("top", randomTop);
    });
});

<强> HTML：

<input type="button" style="position: absolute;" id="button" value="Click Me" />

JQuery游戏按钮生成器

1 个答案: