Jquery動畫插入徽標

我想在Gone Freelancing上的徽標和動畫放在Jquery的頁面加載上，就像當你點擊更多的模式。一旦我學會了如何做到這一點，我將爲地圖標記創建相同的效果，只有投入。任何人都可以指向正確的方向嗎？ Ive搜索谷歌，只能找到褪色的Jquery動畫插入徽標

您的幫助是非常感謝！

由於提前，羅伊 http://roybarber.com

來源

2011-11-11 Roy Barber

你看過谷歌嗎？你想知道什麼？ – 2011-11-11 09:04:55

上面提到的Hi Sam「我搜索過谷歌，只能找到淡入的」我想要一個起點讓徽標移動，然後我可以學習自己做的一些效果/速度的參考。問候羅伊 –

您將不得不使其成爲一個單獨的對象（即絕對定位），它可以上下移動而不會中斷頁面的其餘部分。當它看起來好時，請記住CSS「top」值。這將是您將元素滑動到的位置的值。

然後，設置對象的「頂部」的一些負面量（即-500px），並使用此代碼，以使格（與「標識」的假定ID）滑下

$("#logo").load(function(){ 
    $('#logo').animate(
     {top:'400px'}, 
     100, // speed of animation in milliseconds 
     function() { 
      // Do something when animation is complete 
     } 
    ); 
});

你可以在此處詳細瞭解JQuery的自定義動畫：

來源

2011-11-11 09:33:06

謝謝，文檔準備給圖像加載足夠的時間？ –

好點。那麼最好使用$（「＃logo」）。load（）。我更新了我的帖子。說明：當DOM準備就緒時，在加載內容之前，doc.ready（）將會觸發。因此，我們使用.load（）來確保圖像在我們滑動之前加載。 –

奇妙的一切正常:)我現在將分開的標誌，並有3倍的引腳下降在單獨的速度，有沒有辦法增加延遲？說pin1 100ms pin2 200ms等？ –

概念，設置要放棄像top:-1000px這足以留了可視屏幕的標誌。（位置：絕對偏離球場）。然後

$(document).ready(function(){ 
$('.dropin').animate({'top':'0px'}, 300); 

});

來源

2011-11-11 09:08:44

我意識到這是一個非常古老的線程，但有但是這個答案的工作同樣的問題，在OP提到$("#logo").load(function()部分沒有工作，但document.ready一樣。

我遇到了同樣的問題，所以我希望有人可以解釋爲什麼.load可能無法在OP接受的代碼中執行。

來源

2013-05-20 18:13:25 Robert

嗨羅伯特，不同的是文件準備允許針圖像預加載，其中.load只是在啓動時啓動動畫。 –

@RoyBarber謝謝，腳本在代碼問題中的位置就像它在javascript中一樣嗎？如果.load選項被放置在文檔的末尾，或者在包含IMG的DIV之後的某個地方，它會起作用嗎？ – Robert

只要遵循正常的層次結構，定義jQuery然後你的自定義JS，你會沒事的。 –

Jquery動畫插入徽標

回答

相關問題