15 個最新的 jQuery外掛
現如今,jQuery被認為是網頁開發的主心骨。它是一個精煉的JavaScript庫,可以極大簡化頁面在事件處理、動畫、Ajax互動方面的設計和開發工作。
隨著越來越多的jQuery外掛的出現,開發者們可以很輕易地將所需要的元件整合進他們的導航選單、logo、表格化佈局、簡短的文字,使其擁有指定的大小或是為其建立一系列的滑動效果,以迎合網站的主題。
jQuery的出現豐富了網頁的應用和開發,促使了多功能、視覺效果絢麗的網站的出現。本文我們列舉了 15個截至2013年11月為止最新的jQuery外掛 ,合理利用這些外掛將會極大地增強網頁的表現力,突出網站主題。
1. Maplace.js
Maplace.js是一個運用於Google地圖之上的外掛,它可以幫助你將谷歌地圖嵌入你的頁面並在地圖上快速建立標記點和控制選單。為了使外掛生效,你需要同時在頁面中引入JQuery檔案和Google地圖API v3。外掛支援標記、自定義圖示、縮放控制和自定義控制選單。外掛在MIT許可協議下提供。
2. Auto Fix Anything
本外掛將使你頁面上任何容器僅通過一句JS呼叫就能自動適應你網站的任何位置。有了這個外掛,你就可以動態地調整容器的顯示效果。外掛將會自動檢測何時應該做出調整以適應當前頁面。該外掛已在Chrome, Firefox, and Safari 等桌面瀏覽器通過測試。
3. Bigfoot
頁面上的腳註往往讓人覺得反感:你需要點選某個很小的數字,跳轉到頁面底部的某個地方,在一堆註釋中找到你要的那個,看完註釋後再點選某個連結回到剛才瀏覽的地方。Bigfoot外掛旨在簡化整個過程。它會自動檢測文字內容和腳註連結,在使用者點選腳註編號後,將註釋以彈出氣泡的方式顯示給使用者。
4. Stickup
你可以方便地自定義任何元素,在使用者滾動視窗經過該元素的時候將其固定在瀏覽器的頂部。此外掛特別適用於導航選單、logo和聯絡資訊,這將使使用者能始終看見這些內容。
5. Free Wall
Freewall是一個相容不同瀏覽器的可響應的jQuery外掛,它可以幫助你建立不同的網格佈局:可伸縮佈局、圖片佈局、巢狀網格、流體網格、混合網格等。你也可以通過CSS3的運動效果和回撥事件,做出類似Pinterest的佈局。Freewall是一個一體化解決方案,為桌面應用、手機應用和平板應用提供了便利的建立動態網格佈局的手段。
6. Power Ranger
Power Ranger是一個輕量級jQuery外掛,它可以幫助使用者調整input控制元件的大小以適應不同長度的字元。它完美地支援了input標籤的max/min屬性,並在HTML5中表現良好。Power Ranger已在Firefox 22、Chrome和Safari 6等瀏覽器中通過測試。
7. Ion.Sound
Ion.Sound 是一個用來為事件配音的jQuery外掛。它已在Google Chrome,Mozilla Firefox,Opera,Safari,IE(9.0+)和手機原生瀏覽器上通過測試。在MIT協議下,Ion.Sound可以免費使用。
8. Succinct
Succinct是一個用來擷取部分文字的小外掛。它將你的文字縮短至指定的大小,然後再結尾加上省略號。你可以指定頁面上你想簡略化的元素作為選擇器,為其指定需要顯示的文字的大小。
9. Circletype.js
Circletype.js 是一個輕量級jQuery外掛,它可以將內容以圓的方式呈現。在某些情況下,此外掛特別有用,而且它只有2.7kb大小。它有許多可設的引數:可以輕鬆地將文字按以往CSS的方式呈現;可以逆向旋轉文字;可以認為設定圓心,也可以自動生成……Circletype.js也可以於與 FitText.js 整合。
10. Slippery
Slippry 是一個擁有很多先進特點的圖片長廊外掛。首先,它使用HTML5和CSS3編寫而成,在響應式佈局方面表現良好。它可以通過Sass或CSS重新設計外觀並擁有包括Ken Burns 效果在內的諸多轉場動畫。圖片轉換可以設為自動進行,可以顯示標題和前進、後退等導航控制按鈕。本外掛也為主事件設計了回撥方法,並寫了相關示例和相關說明文件。
11. SlideMe
SlideMe是可響應的、相容CSS3的jQuery滑動外掛,它支援全屏顯示和視窗顯示。通過它可以讓頁面通過CSS3的轉換方式垂直或水平滑動,同時支援頁碼顯示。外掛提供了控制滑動的函式(前、後),利用回撥函式實現對應功能。
12. Glide.js
Glide.js是一個輕量級(4.5kb)可用來建立滑動效果的jQuery外掛。它由使用者自定義OOCSS框架構成,使用了CSS3轉換模式,最後迴歸由JavaScript操作。滑動是可響應的,它將會自動適應所有硬體裝置並支援觸控控制。你可以通過鍵盤、點選事件或按鈕和箭頭的輔助實現滑動導航。Glide.js提供了一系列支援這些操作的API(播放、暫停、下一個、前一個等)。
13 jQuery Selectric
jQuery Selectric 是一個簡化使用者格式化和操作HTML選擇器的jQuery外掛。它極容易被定製、足夠的輕量級並且還支援鍵盤快捷鍵操作。
14. Formatter.js
Formatter.js 是一個簡單的jQuery外掛用以規範化使用者的輸入。例如:如果你的使用者輸入了一串電話號碼,Formatter.js將會在其中合適的地方插入破折號和括號。
15. Alpaca
Alpaca一個用jQuery編寫的形式建立庫(form-creation-library),旨在通過分割資料和佈局重新生成指定形式。通過將預定義形式的JSON變換成為功能完備的形式,使用者可以輕易地使用CSS指定它的樣式,這就為在不同裝置上重用同一段程式碼提供了可能性(手機、平板、PC等)。此外掛已預先封裝了控制、嚮導、佈局、支援國際化的EJS引擎(I18N supportand pluggable template engines for EJS)、Handlerbars 和 jQuery.tmpl
相關文章
- jQuery的外掛列表jQuery
- jQuery中的工具與外掛個人分享jQuery
- 精選!15個必備的VSCode外掛VSCode
- JQuery模板外掛-jquery.tmpljQuery
- JQuery蜂巢圖外掛jQuery
- jquery寫的ajax分頁外掛jQuery
- jQuery外掛擴充套件jQuery套件
- jQuery擴充套件外掛jQuery套件
- ps外掛Camera Raw15破解版資源最新15.5 中文
- 製作一個超簡單的全屏外掛(基於JQuery)jQuery
- 建議把datetimePicker改成jquery的外掛jQuery
- jQuery外掛--表格隔行變色jQuery
- jquery複習之路---常用外掛jQuery
- 手寫jquery.cookie外掛jQueryCookie
- 下拉控制元件jQuery外掛控制元件jQuery
- 2019年,前端工程師需要安裝的15個VSCode 外掛前端工程師VSCode
- jQuery固定側邊欄外掛ssMenujQuerySSM
- 非常全面的jquery 外掛網站jQuery網站
- 15個對開發人員最佳的Chrome擴充套件外掛Chrome套件
- 一個簡單的以視訊作為網頁背景的jQuery 外掛網頁jQuery
- Jquery外掛Nicescroll 製作漂亮的滾動條jQuery
- 用的較為舒服的時間外掛jQuery DateTimePickerjQuery
- jQuery燈箱外掛lightBox使用方法jQuery
- cookie外掛-jquery.cookie.js介紹CookiejQueryJS
- [外掛擴充套件]jQuery二維碼外掛0.2【更新瀏覽器相容】套件jQuery瀏覽器
- 基於Bootstrap的jQuery使用者嚮導外掛bootjQuery
- 功能齊全的jquery圖片檢視器外掛jQuery
- 一看就會的jQuery外掛實現方法jQuery
- 推薦12款非常有用的流行 jQuery 外掛jQuery
- (VUE!jQuery!外掛!)盤點前端群的無腦回答VuejQuery前端
- 手把手教你開發jquery外掛(二)jQuery
- 手把手教你開發jquery外掛(三)jQuery
- 用jquery外掛寫一個小米官網左側二級選單jQuery
- 基於Bootstrap的強大jQuery表單驗證外掛bootjQuery
- 帶自動提示功能的jQuery標籤輸入外掛jQuery
- 基於jquery的外掛turn.js學習筆記jQueryJS筆記
- jquery分頁外掛呼叫報錯的問題:$(.).pagination is not a functionjQueryFunction
- AE外掛 Saber漢化最新版
- jQuery新增到購物車動畫特效外掛jQuery動畫特效