這次我們要帶來10款最新的jQuery/CSS3動畫應用，這裏有不少jQuery插件還是比較實用的，像一些jQuery菜單、jQuery圖片滑塊等。另外，CSS3的運用，讓這些應用都添加了不同的動畫效果，不僅實用，而且更酷了。
1、jQuery/CSS3書本翻頁動畫特效 多功能選項支持
這是一款基於jQuery和CSS3的書本翻頁動畫特效，該書本翻頁插件的外觀非常華麗喜慶，非常適合產品活動或者育兒網站使用。我們可以點擊左右翻頁按鈕進行翻頁，也可以使用鼠標拖拽頁腳來實現翻頁動畫。這是個jQuery插件，因此兼容性還不錯。
2、jQuery縱向分類下拉菜單導航
今天我們要來分享一款jQuery縱向分類菜單，這款jQuery菜單是下拉菜單，鼠標滑過菜單項時即可展開相應的子菜單，並伴隨很酷的淡入淡出和滑塊動畫效果。當鼠標滑過菜單項時，菜單項的背景顏色也會有漸變的效果。
3、純CSS3實現自行車動畫特效
這是一款用純CSS3實現的自行車動畫，自行車的各個部位都是用CSS3繪製而成，外觀非常逼真，很有坐上去騎一把的衝動。更有意思的是，由於CSS3動畫的運用，這輛自行車是動態的，它可以模擬真實的自行車運動的動畫，包括輪胎的轉動和齒輪的傳動。
4、基於Bootstrap的CSS3下拉菜單 菜單3D立體效果
Bootstrap是Twitter推出的一個用於前端開發的開源工具包，基於Bootstrap框架，我們可以方便地製作漂亮的UI界面。今天要分享的這款CSS3下拉菜單就是基於Bootstrap的，下拉子菜單的外觀也非常不錯，同時菜單也具有3D立體的視覺效果。
5、jQuery縮略圖動態縮放焦點圖
今天我們要來分享一款jQuery焦點圖，這款jQuery焦點圖的圖片切換按鈕是幾張圖片的縮略圖，鼠標滑過縮略圖即可切換至相應的圖片。焦點圖的切換動畫是圖片的動態縮放，動畫效果還算新穎，圖片切換也比較流暢，是一款值得一試的jQuery焦點圖。
6、Metro扁平化風格的jQuery UI組件
今天要介紹一款Metro扁平化風格的UI組件，Metro扁平化的風格顯得比較清新簡潔，卻不失大氣。這幾款UI組件就是Metro風格。組件包括圖片分組、按鈕、圖片滑塊、菜單、Tooltip提示框等。每一款都非常實用，你一定會愛上Metro扁平化的。
7、CSS3倒計時時鐘動畫
現在分享的這款CSS3應用是一個倒計時插件，這款倒計時插件的外觀還是比較簡單大氣的，加上陰影，有着3D立體的視覺效果。倒計時標有天、時、分、秒，我們可以很清晰的看出時鐘的走動。我們可以將它製作成掛件放到自己的個人博客上去，來實現活動開始的倒計時功能。
8、jQuery圖片左右水平滾動插件
這次我們再來分享一款jQuery圖片插件，首先你可以自己定義圖片的總數已經分組的數量，插件會幫助你將圖片按指定的分組切分圖片，你可以點擊左右切換按鈕來按分組切換圖片，利用jQuery，圖片可以非常流暢地進行左右水平滾動插件。
9、純CSS3 3D浮動按鈕
這次我們來分享一款效果很酷的純CSS3 3D浮動按鈕，按鈕是一個3D立體的懸浮圓形，按鈕上面可以是文字和愛心圖案，按鈕底部還有陰影效果，顯得很立體。另外，當把鼠標滑過按鈕時，按鈕就會下陷，就像在水面上下沉一樣。
10、CSS3多樣式小圖標按鈕 帶分享按鈕
今天我們要來分享一款樣式非常豐富的CSS3按鈕特效，這些按鈕的外觀有點仿谷歌的風格，而且每一個按鈕帶有個性的小圖標。另外按鈕有一個特點，還可以定製出不錯的分享按鈕。之前我們也分享過不少漂亮的CSS3按鈕，大家可以在CSS3按鈕目錄下查看。
以上就是10款jQuery/CSS3動畫應用，歡迎收藏分享。轉載請註明原文鏈接：http://www.html5tricks.com/10-jquery-css3-animation.html
