随机加载<p>页面加载时

loading random <p> on page load

本文关键字：加载 lt 随机 gt      更新时间：2023-09-26

在过去的一年里，我一直在慢慢学习jQuery，我不得不假设我只是问错了问题，因为我找不到答案。

在我的标题中，我有一个用于不同"标语"的div。我希望每次刷新只显示其中一个，并且是随机的（伪随机或真正随机都无关紧要）。

标记：

<div id="tagline">
    <p>Tagline #1</p>
    <p>Tagline #2</p>
    <p>Tagline #3</p>
    <p>Tagline #4</p>
</div>

CSS

#tagline p {display: none;}

我不确定所涉及的jQuery一次只显示一个。非常感谢您的帮助！

尝试以下代码和示例。如果你也添加更多的标语，这将起作用。

$(document).ready(function() {
    var taglineNo = Math.floor(Math.random()*$('#tagline p').length);
    $('#tagline p:eq(' + taglineNo + ')').show();
});

http://jsfiddle.net/5qf7krj9/1/

尝试以下操作：

var random = Math.floor(Math.random()*4);
$("#tagline p").eq(random).css('display', 'block');
相关文章：