jQuery随机定位元素

【问题标题】：Jquery random positioning of elementsjQuery随机定位元素
【发布时间】：2018-03-12 00:37:59
【问题描述】：

我正在尝试使文本随机定位在屏幕上。我该怎么做？

我正在使用 Textillate

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

【问题讨论】：

使用<> 进行演示。
我正在尝试那些多个
元素出现在屏幕上的随机位置。我正在使用 Textillate.js 进行淡入淡出和动画。

标签： jquery html random position

【解决方案1】：

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

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

或

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

更新jsfiddle

【讨论】：

【解决方案2】：

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

【讨论】：

元素出现在屏幕上的随机位置。我正在使用 Textillate.js 进行淡入淡出和动画。