jQuery動畫顯示主頁之前

-2

我是jquery的新手。我的客戶需要一個首頁，其中首先標識會出現一些動畫並暫停幾秒鐘，然後是公司的標題，然後徽標和標誌下面的標題將出現一些動畫。我應該如何繼續？是 $("#mydiv").show().delay(5000).fadeOut();是否正確地做到這一點？我無法找到如何實現這一目標的方法。更新：我試過如下：jQuery動畫顯示主頁之前

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

但它不是動畫所有，只是顯示DEMO DIV LINES！

來源

2013-07-11 user2535137

我們很樂意幫助您解決您現有代碼的問題，但本網站並非旨在成爲從頭開始請求完整解決方案的地方。您可以通過在線查找類似效果，編寫代碼來複制該效果，並在此處詢問您是否在編寫代碼時遇到困難，從而獲得更好的結果。 –

感謝您的建議。請參閱我的更新版本 – user2535137

您可能需要使用的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(); 
    }); 
});

做出了example on JSFiddle

來源

2013-07-11 17:02:30 Martijn

什麼是'oncomplete'函數？你的意思是說'回調函數？ – Sparky

嗯，我想這個名字是這麼說的：P是一個完成時執行的函數：P可以是現有函數或匿名函數（就像我在我的例子中使用過的那樣）。如果你有一個叫做exampleFunction（）的函數，你可以執行'$（elem）.fadeIn（milisec，exampleFunction）;'*不知道是否應該把它作爲字符串輸入（'exampleFunction''）。更經常使用匿名函數:) – Martijn

這更常被稱爲'回調函數。 – Sparky

你可以考慮首先隱藏股利。

理想情況下，你會ofcourse創建一個名爲hidden CSS類，然後分配這個類。

來源

2013-07-11 17:47:14 tomdemuyt

jQuery動畫顯示主頁之前

回答

相關問題