jQuery確實是一個非常優秀的JavaScript框架，尤其是結合HTML5，更可以讓網頁變得生動有趣。今天向大家推薦一些非常華麗的jQuery/HTML5應用，廢話不多說，直接看吧。

1、jQuery 360度圖片旋轉插件dopelessRotate

dopelessRotate是一款基于jQuery的圖片旋轉插件，這款圖片旋轉插件功能非常強大，它不僅可以在加載的時候顯示進度條，而且點擊右側的放大鏡按鈕可以查看原始大圖，并且可以滑動鼠標來漫游大圖的每一個細節。是一款非常不錯的jQuery圖片旋轉插件。

2、jQuery/CSS3大屏下拉菜單 自定義子菜單內容

這是一款樣式很酷的jQuery/CSS3下拉菜單，首先這款CSS3菜單是寬屏的，主要是下拉菜單非常大氣，更重要的是，下拉菜單的內容可以自己定義，也就是說，下拉菜單中可以定義菜單、圖片等HTML元素，是一款非常實用的jQuery/CSS3下拉菜單插件。

3、jQuery帶縮略圖焦點圖插件 自定義滑塊內容

今天我們要來分享一款基于jQuery的焦點圖插件，這款jQuery焦點圖功能十分強大，有以下兩個特點：第一是焦點圖帶有縮略圖預覽，當鼠標滑過對應圖片的按鈕時，即可彈出縮略圖；第二是焦點圖的滑塊內容可以自定義，可以是圖片，也可以是任何HTML元素，因此也非常的靈活。另外，焦點圖的切換動畫也有多種，非常炫酷。

4、HTML5/CSS3 3D紙片折疊動畫

今天我們再來分享一款非常華麗的HTML5/CSS3 3D動畫特效，盡管它目前很少能在項目中應用，但從源碼中我們可以學到很多HTML5 3D動畫的制作知識。這是一款紙片折疊動畫特效，利用HTML5和CSS3的相關特性，我們可以將一張張紙片折疊起來，形成很酷的3D動畫效果。

5、純CSS3垂直菜單 菜單項滑動動畫

今天我們要來介紹一款基于CSS3的垂直動畫菜單，這款CSS3菜單的特點是菜單項有一個非常特別的背景，并且背景可隨著鼠標滑過而滑動，挺有創意的滑動動畫。這款CSS3菜單是垂直樣式的，很適合做網頁的側邊欄菜單。

6、HTML5圖片文字描述動畫 多種圖片描述模式

這次我們要來分享一款基于HTML5的圖片特效，這款HTML5圖片特效的功能是可以在圖片上方顯示各種各樣的文字描述，當鼠標滑過圖片時即可展示這些圖片文字描述。更主要的是，這款HTML5圖片文字描述提供多種動畫特效，當你把鼠標滑過圖片時將會有多種文字描述效果。

7、CSS3手勢變換動畫特效

這款CSS3動畫非常特別，它展現在我們眼前的是一只手掌，手掌下方有一個滑動按鈕，點擊按鈕即可切換手勢，目前可以切換兩種不同的手勢。這款CSS3手勢變換動畫還是相當酷的，另外之前也分享過HTML5 3D手掌動畫，效果也非常不錯。

8、CSS3多級下拉動畫菜單

這款CSS3菜單是多級下拉的。菜單的背景非常清新，當鼠標滑過父菜單時，即可展開子菜單，并且在菜單展開的過程中伴隨著很不錯的動畫效果。

轉載來自于//www.cnblogs.com/jjet/p/3985181.html