2012-10-26 123 views
-1

我一直在寻找适合我游戏理念的年龄。我刚刚开始使用JQuery,我想知道如何制作游戏,点击一个按钮然后在不同的位置重新生成。JQuery游戏按钮生成器

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

这怎么办?

+2

你可以使用JavaScript'的Math.random();'来生成随机坐标,但我认为你需要充实你的想法并提供你已经尝试过的代码,以便我们提供帮助。 – Sashenka

+0

'$('button')。click(function(){$(this).css({top:Math.random()* 100,left:Math.random()* 100});});' – adeneo

回答

0

这可以通过操纵应用于按钮的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" /> 
+0

非常感谢大家。这是我第一次使用这项服务,而且你们帮助过这么多!我也会在这里帮忙。再次感谢。 – LucaSpeedStack