jquery - 页面加载时显示多个 DIVS - 无悬停

Question

我对javascript/jquery不太了解，我想做点什么：（原谅我的英语不好！）

我想让一些 DIVS 在没有任何鼠标悬停的情况下逐步出现。我的意思是：第一个 div 出现在 10 秒内，然后第二个 div 出现在 15 秒内，等等。

你觉得这段代码怎么样？

它有效，但我不确定这是否很干净：

<script>
    jQuery(document).ready(function(){
        $('#firstDiv').hide(0).delay(500).show(400);
    });
    jQuery(document).ready(function(){
        $('#secondDiv').hide(0).delay(3500).show(400);
    });
</script>

在此先感谢您的帮助 ！

Answer 1

您可以通过 css ( display:none;)隐藏元素

此外，您可以将两个命令 ( .delay().show();) 放在同一个中document.ready：

<script>
    jQuery(document).ready(function(){
        $('#firstDiv').delay(500).show(400);
        $('#secondDiv').delay(3500).show(400);
    });
</script>

现在，对于您的第二个请求，这将使其具有不同的效果：

<script>
    jQuery(document).ready(function(){
        $('#firstDiv').delay(500).fadeIn(400);
        $('#secondDiv').delay(3500).slideIn(400);
    });
</script>