2011-09-11 60 views
1

我想模仿使用此示例網頁左側的菜單從一個頁面切換到另一個頁面時發生的動畫。這是我正在努力證明JavaScript和相關庫能夠產生與Flash等效的動畫的幾個項目之一。jQuery等價於Flash動畫

我可以得到一個簡單的隱藏動畫,但它看起來不像Flash版本。這幾乎就像他們已經使用了一些緩動效應來進行幻燈片和英寸我似乎無法找出在JavaScript中使用它來動畫它的CSS。關於CSS的任何想法我應該看看或知道任何已經完成這種風格的插件?

http://www.wix.com/flash-templates/artistic-choice

http://www.alphadesigns.com.au/stackoverflow/index.html(不透明度選項更新)

+0

太棒了,現在只是加快動畫,你會得到相同的結果。 –

+0

完成...好吧我猜它又接近了。乾杯:) – SimonDever

回答

1

嘗試動畫opacity。請注意,這在IE < 9中不起作用,如果必須支持IE6-8,則必須使用過濾器和自定義動畫(請參閱http://www.quirksmode.org/css/opacity.html)。

+0

我已經修改了不透明選項的代碼,正如你可以看到它更接近:)但仍然不完全相同。我認爲我看到的是在淡出/滑出結束時,元素在其左側移動中緩和,使其看起來像倒下(如縮小)。就像它是一張照片扔到下面的一堆其他照片上。那有意義嗎? – SimonDever

+0

我不能完全關注你,但我認爲這兩個動畫應該同時開始,並應使用一些高級緩動功能 - [jQuery Easing Plugin](http://gsgd.co.uk/sandbox/jquery/easing /)可能有適合的東西。 – Luchs