Javascript 如何在每页刷新时显示多个div中的一个div？

下面的JavaScript将在标记中每6000毫秒显示一个blockquote。我想将此行为更改为每次页面加载仅显示一个blockquote。我可以在标记中加载它们，我只想在每个页面加载中随机加载一个

<script type="text/javascript">
jQuery(document).ready( function(){
    jQuery('.quotes').innerfade({
        animationtype: 'fade',
        speed: 'normal',
        timeout: 6000,
        type: 'random_start',
    });

});
</script>

jQuery（文档）.ready（函数（）{
jQuery（'.quotes'）.innerfade({
animationtype:“淡入淡出”，
速度：“正常”，
超时：6000，
键入：“随机启动”，
});
});

作为奖励，如果浏览器中禁用了JavaScript，我只想显示一个

<div class="quotes innerfade" style="position: relative; height: 277px;">
    <div class="quote" style="z-index: 8; position: absolute; display: none;">
        <blockquote><p>“Throw out costs by more than 50%.”</p></blockquote>
                        <cite>Da John @ Con Pi LLC</cite>
                    </div>

                    <div class="quote" style="z-index: 7; position: absolute; display: none;">
                        <blockquote><p>“Georgio pany.”</p>
</blockquote>
                        <cite>Kn Maez, Mnet</cite>
                    </div>

                    <div class="quote" style="z-index: 6; position: absolute; display: block;">
                        <blockquote><p>“…He hae is available.”</p>
</blockquote>
                        <cite>Dan net</cite>
                    </div>

                    <div class="quote" style="z-index: 5; position: absolute; display: none;">
                        <blockquote><p>“Georommend without a doubt.”</p>
</blockquote>
                        <cite>Jorge Suár Puerto Rico</cite>
                    </div>

                    <div class="quote" style="z-index: 4; position: absolute; display: none;">
                        <blockquote><p>“Siain tomorrow…”</p>
</blockquote>
                        <cite>Cha, Inc.</cite>
                    </div>
                </div>

“将成本降低50%以上。”

达约翰•康皮有限责任公司
“乔治·潘。”

Kn Maez，Mnet
“……他有空。”

丹网
“毫无疑问，格奥尔默德。”

豪尔赫·苏亚尔波多黎各
“明天见……”

查公司。

---

---

如果你想查看代码所在的网站，你可以查看页面右下角的“推荐信”部分，将它们全部隐藏起来，并用id引号将它们括起来，其中N是一个从0到nr引号的整数。然后使用math.random选择要显示的N。构建id字符串，并在文档准备就绪时显示它。

将它们全部隐藏，并使用id引号将它们括起来，其中N是从0到引号nr的整数。然后使用math.random选择要显示的N。构建id字符串，并在文档准备就绪时显示它。

您可以使用基于元素长度的随机数和

.eq（）

方法进行以下jQuery：

var whichToShow = Math.floor(Math.random() * $('.quote').length);

$('.quote').hide().eq(whichToShow).fadeIn(1000);

---

单击“运行”以查看新的随机报价。

您可以使用基于元素长度的随机数和

.eq（）

方法进行以下jQuery：

var whichToShow = Math.floor(Math.random() * $('.quote').length);

$('.quote').hide().eq(whichToShow).fadeIn(1000);

---

单击“运行”以查看新的随机报价。

并在禁用JS时使用标签，在禁用JS时使用标签。您可以在答案中添加如何在禁用JS时优雅地失败？它已经优雅地失败了。只需将

display:block

分配给禁用JS时要显示的任何引用。您能否在回答中添加如何在禁用JS时优雅地失败？它已经优雅地失败了。只需将

display:block

分配给禁用JS时要显示的引用即可。