Jquery随机定位元素

Question

我试图让文字随机定位在屏幕上。我该怎么做？

我正在使用Textillate

jsfiddle

<h1 class="tlt1">Go </h1>

Answer 1

您应该将h1标记的CSS设置为position:fixed。然后，在每个h1的javascript中，您的生成将其left属性设置为Math.random() * window.outerWidth，将其top属性设置为Math.random() * window.outerHeight。

Answer 2

您可以通过position:fixed或position:absolute来实现此目标。

$('.tlt').each(function(){
        $(this).css({"left": Math.random() * window.outerWidth , "top": Math.random() * window.outerHeight}).textillate();
});

OR

$('h1').each(function(){
        $(this).css({"left": Math.random() * window.outerWidth , "top": Math.random() * window.outerHeight}).textillate();
});

更新了jsfiddle