Cyh的博客

目前，圍剿 Flash 的不僅有 HTML 5，還有 JavaScript，著名的 JavaScript 框架 jQuery 在運動特效方面已經越來越流暢，有時候你需要點一下右鍵來確認它不是 Flash。本文介紹了10個非常出色的 jQuery 運動特效，這些效果可以更有效地展示你的內容。

1. 流感導航菜單

下面的導航菜單，當鼠標在上面移動的時候，會很流暢地垂下解釋菜單，當你將鼠標在上面快速左右移動的時候，會懷疑這是 Flash。

2. 轉花燈

Roundabout 是一個 jQuery 插件，可以將一組 HTML 對象轉換為旋轉花燈的效果。

3. 拉洋片

拉洋片也許是 jQuery 最拿手的效果了。該效果在遇到 JavaScript 被禁用的場合會自動降級使用。

4. jQuery Quicksand 插件

這個讓人贊嘆的插件，可以對一組 HTML 對象重新洗牌，效果非常出眾。

5. 導航滑塊

這種風格的導航已經見于很多站點，鼠標在導航菜單上移動的時候，一個高亮指示條隨著鼠標滑動，指示當前的導航位置。

6. 文字的移動紋理

在文字上，顯示移動的紋理，效果美輪美奐。原理是，做一個帶透明文字的 PNG 圖像放在一個容器里，容器的背景放一張圖案，用 jQuery 移動容器的背景，很簡單，不過，不支持 IE6，因為 IE6 不支持 PNG。

7. jDiv: jQuery 導航 Tab

一個可以顯示豐富內容的下拉導航菜單（演示要翻墻）。

8. 基于 CSS3 和 jQuery 的半透明導航系統

鼠標在導航菜單上移動，顯示半透明的指示圖標。CSS3 做這個實在太容易了。

9. 云臺式拉洋片

常規的拉洋片效果要么左到右，要么右到左，或者垂直上下，這個 jQuery 效果可以象云臺那樣掃鏡頭。

10. SlideDeck

SlideDeck 是一種新穎的內容展示方式，有點類似 Outlook 的手風琴菜單，但視覺效果和用戶體驗更好一些。

本文來源：http://devsnippets.com/article/10-jquery-transition-effects.html

                                                                                                       --    學海無涯