2014-01-31 42 views
0

我在網頁上有一個div盒,我需要一個看起來像一個標籤的小格子,在頁面加載後在主盒子後面出現一兩個。當標籤出現我希望它幻燈片出來,而不是在淡出在頁面加載時出現(滑出)DIV的最佳方式?

什麼我要找的是wetransfer.com網站上的一個類似的例子:

www.wetransfer.com/(檢查標籤頁面加載時的左側)

用jQuery實現這個最好的方法是什麼?

感謝您的時間,

達倫

+0

看看的[動畫](http://api.jquery.com/animate/)功能由jquery提供 –

+0

A [guide](http://www.learningjquery.com/2009/02/slide-elements-in-different-directions/)讓你開始。從DOM準備好的回調中觸發幻燈片。另一種選擇是使用[CSS動畫](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations)。 –

+0

就像這樣http://jsfiddle.net/aamir/Ewq8u/或http://jsfiddle.net/aamir/Ewq8u/1/ –

回答

0

使用此代碼一些動畫:

$(window).on("load", function() { 
    $(".block").animate({ "left": "-=50px" }, "slow"); 
}); 
+1

感謝Vikam,我打算使用這個,但使用.slideDown()。謝謝。 – Darren

+0

@達倫:您的歡迎。 :) –

1

也許你可以使用這樣的事情?它激發當整個頁面加載

$(window).bind("load", function() { 
    $('yourelement').animate({ left: '200'}, 'fast'); 
}); 
+0

多數民衆贊成在有趣的,謝謝。 – Darren