新的一週開始了,今天我們要為大家分享一些全新的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)