-2

我是 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！

4

2 回答 2

1

您可能想要使用 oncomplete 函数：

// 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();
    });
});

在 JSFiddle 上做了一个例子

于 2013-07-11T17:02:30.450 回答
0

您可以考虑先隐藏 div 。

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

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

于 2013-07-11T17:47:14.793 回答