新的一週開始了，今天我們要為大家分享一些全新的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實現分享按鈕 包含常用社交網站按鈕
之前我們有介紹過不少非常實用的分享按鈕，有基於HTML5和CSS3的，也有基於jQuery和CSS的，效果都非常不錯。今天我們再來分享一款純CSS3實現的社會化分享按鈕，這款純CSS3分享按鈕沒有使用圖片，而且包含了基本的常用社交網站的分享按鈕。
線上演示 原始碼下載
5、CSS3 3D 分頁導航按鈕
這是一款用 CSS3 實現的 3D 分頁導航按鈕，和之前分享的一些jQuery分頁外掛一樣，這款CSS33D分頁外掛同樣具有前和分頁頁碼和數字頁面，不同的是，這款分頁外掛的分頁頁碼是一個個3D的導航按鈕，樣式十分新穎，不過需要CSS3支援。
線上演示 原始碼下載
6、CSS3動畫相簿 圖片淡入淡出動畫效果
這是一款基於CSS3的動畫相簿，這樣的相簿我們之前也分享過不少，比如HTML53D立體圖片相簿。非常的華麗。今天的這款CSS3相簿相對比較實用，當滑鼠劃過縮圖時，原圖片即會以淡入淡出的動畫效果展現出來，大家可以將它應用在自己的網站上。
線上演示 原始碼下載
7、仿QQ空間相簿圖片瀏覽jQuery外掛
今天我們要來分享一款基於jQuery的相簿圖片瀏覽外掛，它是一款仿QQ空間的相簿瀏覽元件，點選縮圖即可彈出圖片瀏覽視窗，這款jQuery相簿圖片瀏覽外掛的特點是：1、支援左右鍵來切換圖片；2、支援ESC鍵退出相簿瀏覽模式；3、可傳入自定義的文字描述。缺點是沒有應用任何動畫，使圖片瀏覽的體驗性不是很高，不過你可以通過利用jQuery動畫或者CSS3來實現。
線上演示 原始碼下載
以上分享的幾個jQuery外掛還不錯吧，歡迎收藏和分享。
本文作者：html5tricks – 超人
相關閱讀
評論(0)