炫酷實用的jQuery插件涵蓋菜單、按鈕、圖片

財?shù)腊捉?/a> 2014-07-21

新的一周開始了，今天我們要為大家分享一些全新的jQuery插件和HTML5/CSS3 應用，這些jQuery插件不僅非常炫酷，而且還挺實用，這次的分享包含jQuery菜單、CSS3按鈕已經多種圖片特效，一起來看看吧。

1、CSS3書本翻頁動畫書本翻頁效果逼真

今天我們要分享一款炫酷而且實用的CSS3動畫效果，它是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由于CSS3的運用，我們并不需要使用復雜的圖片來制造逼真的書本效果，書本翻頁可以很簡單地完成。

在線演示源碼下載

2、純CSS3黑色氣泡背景動畫菜單

今天我們要來分享一款非常酷的CSS3動畫菜單，這款CSS3菜單有一個很漂亮的黑色氣泡背景，菜單是銀白色的，和黑色的背景交織在一起更加顯得有3D立體的視覺效果。CSS3的運用讓菜單有圓角的效果，鼠標滑過菜單時也會改變背景。

在線演示源碼下載

3、jQuery/CSS3飄帶式下拉菜單

今天我們再來介紹一款jQuery下拉菜單，這款jQuery下拉菜單應用了一些CSS3相關的屬性，但并不復雜，也沒有絢麗的動畫，但是非常實用。這款jQuery菜單的另一個特點是菜單整體呈飄帶狀，樣式非常新穎。鼠標滑過菜單項時即可展開下拉菜單。

在線演示源碼下載

4、純CSS3實現(xiàn)分享按鈕包含常用社交網站按鈕

之前我們有介紹過不少非常實用的分享按鈕，有基于HTML5和CSS3的，也有基于jQuery和CSS的，效果都非常不錯。今天我們再來分享一款純CSS3實現(xiàn)的社會化分享按鈕，這款純CSS3分享按鈕沒有使用圖片，而且包含了基本的常用社交網站的分享按鈕。

在線演示源碼下載

5、CSS3 3D 分頁導航按鈕

這是一款用 CSS3 實現(xiàn)的 3D 分頁導航按鈕，和之前分享的一些jQuery分頁插件一樣，這款CSS3 3D分頁插件同樣具有前和分頁頁碼和數(shù)字頁面，不同的是，這款分頁插件的分頁頁碼是一個個3D的導航按鈕，樣式十分新穎，不過需要CSS3支持。

在線演示源碼下載

6、CSS3動畫相冊圖片淡入淡出動畫效果

這是一款基于CSS3的動畫相冊，這樣的相冊我們之前也分享過不少，比如HTML5 3D立體圖片相冊。非常的華麗。今天的這款CSS3相冊相對比較實用，當鼠標劃過縮略圖時，原圖片即會以淡入淡出的動畫效果展現(xiàn)出來，大家可以將它應用在自己的網站上。

在線演示源碼下載

7、仿QQ空間相冊圖片瀏覽jQuery插件

今天我們要來分享一款基于jQuery的相冊圖片瀏覽插件，它是一款仿QQ空間的相冊瀏覽組件，點擊縮略圖即可彈出圖片瀏覽窗口，這款jQuery相冊圖片瀏覽插件的特點是：1、支持左右鍵來切換圖片；2、支持ESC鍵退出相冊瀏覽模式；3、可傳入自定義的文本描述。缺點是沒有應用任何動畫，使圖片瀏覽的體驗性不是很高，不過你可以通過利用jQuery動畫或者CSS3來實現(xiàn)。