-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 に答える