8個超實用的jQuery外掛應用

2016-02-16    分類:WEB開發、程式設計開發、首頁精華2人評論發表於2016-02-16

本文由碼農網 – 小峰原創,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃

自jQuery誕生以來,jQuery社群都在不斷地、自發地為jQuery建立許許多多功能不一的外掛應用,很多jQuery外掛非常實用,對我們的前端開發幫助相當大,不僅可以更完美的完成指定功能,而且節省時間,稍作配置或修改就可以上線。本文收集了8個超實用的jQuery外掛應用,希望對你有所幫助。

1、強大的CSS3動畫庫animate.css 50多種動畫形式

今天要給大家介紹一款強大的CSS3動畫庫animate.css,animate.css定義了大概50多種動畫形式,包括淡入淡出,文字飛入、左右搖擺動畫等等。使用animate.css也非常簡單,你可以給頁面上的任意元素,特別是文字新增各種神奇的動畫特效,一起來嘗試一下吧。

css3-animate-css

線上演示        原始碼下載

2、新款CSS3按鈕組合 5組可愛CSS3按鈕

今天就再來分享一款可愛的CSS3按鈕組合,該CSS3按鈕一共有5種不同的風格,有幾款還有3D立體的效果。一起來欣賞這些可愛的CSS3按鈕吧。

css3-pretty-buttons

線上演示        原始碼下載

3、jQuery仿Android鎖屏圖案應用外掛

在Android應用中,我們經常會使用一種鎖屏應用軟體,你需要輸入正確的連線順序才能解開Android螢幕桌面。今天這次我們要利用jQuery來實現這種鎖屏功能,例子中提供了很多種鎖屏方式,也可以自定義矩陣來增加鎖屏的難度。

jquery-android-lock-screen

線上演示        原始碼下載

4、jQuery訊息提示框外掛Tipso

之前我們分享過很多漂亮的Tooltip提示框外掛,比如這款帶Tooltip表單驗證的登錄檔單。今天要分享的這款jQuery訊息提示框外掛名叫Tipso,它的特點是可以定義提示框的顯示位置,以及動態改變提示框的提示內容,應該說是一款相當靈活的jQuery訊息提示框外掛。

jquery-tipso

線上演示        原始碼下載

5、jQuery實現美化版的單選框和核取方塊

今天這款是利用jQuery實現的美化版單選框和核取方塊,樣式風格非常簡潔清爽,是一款很不錯的jQuery按鈕外掛。

jquery-pretty-radio-checkbox

線上演示        原始碼下載

6、簡潔美觀的jQuery計算器外掛

今天小編要為大家分享一款基於jQuery的計算器外掛,這款jQuery計算器外掛跟之前分享的jQuery實現簡易的計算器程式相比外觀更加簡潔和美觀,計算器的功能上也比那款強大。有興趣的同學可以繼續為這款計算器擴充套件功能,應該也不是難事。

pretty-jquery-calculator

線上演示        原始碼下載

7、CSS3圖片層疊展開特效 可展開扇形效果

今天要分享的這款CSS3圖片特效沒有那麼絢麗,它的功能非常簡單,當你把滑鼠移到圖片上時,多張圖片便會由原先的疊在一起變成展開狀態,展開過程中伴隨CSS3動畫,展開的形狀是扇形。這款簡單的CSS3圖片層疊展開動畫可以應用在圖片展示和圖片分享上。

css3-image-stack-effect

線上演示        原始碼下載

8、純CSS3進度條 華麗5色進度條示例

這是一款利用純CSS3實現的進度條,它的實現非常簡單,沒有複雜的動畫,該CSS3進度條最大的特點是擁有非常漂亮的5種顏色,整個進度條看上去非常專業。這款CSS3進度條和之前的CSS3 3D進度條相比顯得更簡單易用。

css3-progress-5-colors

線上演示        原始碼下載

以上就是8個超實用的jQuery外掛應用,希望你會喜歡。我們將繼續為大家收集更多更有用的jQuery外掛。

本文連結:http://www.codeceo.com/article/8-useful-jquery-plugins.html
本文作者:碼農網 – 小峰
原創作品,轉載必須在正文中標註並保留原文連結和作者等資訊。]

相關文章