Question

我是jquery的新手。我的客户需要一个主页，首先徽标会出现一些动画并暂停几秒钟，然后是公司的标题，然后徽标和徽标下方的标题会出现一些动画。我该怎么办？是 $("#mydiv").show().delay(5000).fadeOut();是正确的方法吗？我无法找到如何实现这一目标的方法。更新：我尝试了以下方法：

<body>
<script>
$("#myElem").show().delay(5000).fadeOut();
</script>
<div id="myElem">
DEMO DIV LINES</div>
</body>

但它根本没有动画，只显示DEMO DIV LINES !!

Answer 1

您可能想要使用不完整的功能：

// even though opacity is allready 1 (100% visible) 
//it will take 5000ms to trigger the onComplete function(){}
$("#startpage").animate({opacity:1},5000, function(){
    $(this).fadeOut(400, function(){
        // make code here that will show other page:
       $('#realpage').fadeIn();
    });
});

制作example on JSFiddle

Answer 2

您可以考虑先隐藏div。

<div id="myElem" style="display:none">

理想情况下，你会创建一个名为hidden的css类，然后分配该类。

在显示主页之前jQuery动画

2 个答案: