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>

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

1 个答案: