20. Mobiscroll
Mobiscroll是用于觸摸設備(安卓手機,iPhone,Galaxy平板)的旋轉滾輪/日期和時間選擇器的jQuery插件。這個控件能輕易地定制來支持任何常規值并能用于常規選擇控件(下拉列表)作為直觀的選擇項。這種控件可以更換主題,你可以在CSS里更改外觀。它還帶有預定義,漂亮的配色方案,并通過了IOS4,Android 2.2,Android 2.3,Chrome,Safari,Firefox和IE9的測試。
21. Minimit Gallery
Minimit Gallery 是一個高度可定制的,可無限擴展的插件,用來顯示相冊、幻燈片、旋轉木馬、滑動等效果, 實際上所有包含復雜效果的東西不超過10kb 。使用 Minimit Gallery 你可以將更多的時間放在構思和界面的動態效果上,所有的邏輯功能將通過此插件來進行管理。它是為JavaScript/Jquery 高級程序員設計的,因為你需要編寫所有的動畫和相冊樣式表。它已經在IE7+, Firefox, Safari 和 Chrome上測試通過。
22. Cycle 2
Cycle是一個相當古老卻很流行的jQuery幻燈片插件。它現在有一個新的,改進的版本:Cycle2.這個插件非常適用于任何想要創建完全自定義的幻燈片的人群,使用這個插件不需要聲明任何標記語言或者樣式。功能上,它也很靈活。Cycle2支持響應布局,對全部或單個的幻燈片有設置選項,并能通過全特性API輕易地得到拓展。
23. Circular Content Carousel
這款插件用在在可以附著概要描述內容的滑動條上,當用戶點擊內容時(圖片中的more按鈕),一個小的盒子會滑動到當前盒子的旁邊,在那里用戶可以閱讀和看到與主題相關的詳細信息,并且滑動條還可以起到導航的作用。
24. Tooltipster
Tooltipster 是一個 jQuery 插件,用來快速創建 HTML5驗證 和靈活的工具提示。這個插件體積小小 (4.8kb 縮小后),運行速度快,并且能夠靈活定制。它的外觀可以通過CSS(主題支持)和箭頭的位置來改變。跟隨鼠標,外觀的延遲/周期,都可以進行定義。
25. Colortip
它在你的頁面中把元素的title屬性轉化為一系列的多彩的工具提示(tooltips)。有6中顏色可用,所以你可以輕易地在你的設計中配色。在colortip-1.0-jquery.js中,你還可以通過把附加的樣式類包含到樣式表,給顏色數組添加元素來創建自己的工具提示。
26. MasonJS
MasonJS,這個jQuery插件用來解決當前大多數的網格系統相關的問題。當使用Masonry,Isotope或者任何其他的網格插件,你的網格將會包含凹凸的邊緣和溝縫。Mason就是用來填充這些溝縫的。
MasonJS關注你的網格并查找所有構成網格的元素。它創建了一個基于這些元素尺寸的完美網格陣列,并循環查找網格中的每一個元素塊來決定縫隙的位置。然后他就用填充元素填充縫隙,這是你可以定義或者在你的網格中復制元素。
27. Unslider
Unslider是一個只能滑動的jQuery滑塊插件。沒有奇特的滑動效果沒不需要標記,并且它體積小于3kb。 它非常流暢,靈活,體積非常小。 Unslider已經在所有最新的瀏覽器中測試過,并能在落后的瀏覽器中優雅降級。你可以在需要的時候添加鍵盤指針支持。不是所有的滑動都一樣,Unslider也知道這一點。在沒有額外的代碼下,它能在高度上時尚地過渡。這些天你很難找到不能響應的網站。Unslider回來了,它是完全響應的。
28. Camera : 支持觸摸的jQuery幻燈片插件
Diapo的開發者已經創建了一個新鮮的插件,叫做Camera,它帶有很多特性并在響應式布局中工作良好?梢酝ㄟ^HTML元素(圖像,文本,視頻等)來創建幻燈片,Camera會在一個外觀優美的接口中顯示出來并帶有一系列的過渡效果。
29. Royal Slider
Royal Slider是一個jQuery插件,它可以在滑動片中顯示任何HTML內容(圖像,視頻,文本等),并帶有不凡的特性;脽羝50項可供定制,4套帶有PSD源文件的皮膚,9個預組件的模板(不斷更新)和所有的CSS樣式。在CSS3的動畫效果下(JS降級),該插件工作在主流的瀏覽器中,并能在移動設備中響應式輸出,運行高速。同時,因為有了延遲加載功能(只加載部分項目),在有很多幻燈片的情況下,它也能快速完成加載。
30. Progression.js
Progression.js插件在用戶完成表格時提供實時提示和經度更新。你所需要做的就是給你的表格一個唯一的ID。然后把數據進度的數據屬性添加到每一個元素,這些元素是表格中的一個處理步驟。一旦你創建了表格,你就要初始化這個插件。
31. jQuery 顏色板
jQuery.swatches 是免費的,用來將單行的div轉變為漂亮的彩色調色板。你可以按照希望的方式對其自定義。每一次對不同的選擇符調用swatchify()的時候,使用不同的類將會渲染出不同的色板組。
32. jPages : JavaScript 驅動的分頁插件
jPages是一個客戶端的分頁腳本 (一個 jQuery 插件) ,它具有鍵盤+滾動瀏覽,自動翻頁,延遲顯示以及自定義瀏覽面板的特性。同一個頁面可以插入任何數字的分頁元素,并且非常容易放置定位。
33. FitText
FitText是一個簡單單功能性強的jQuery插件,它用來創建適應已定義元素的文本。它能自動更新字體尺寸并,并自動適應換行元素,保證不會因為字體因素而造成布局崩潰,能在移動端或PC端瀏覽器中顯示頁面。
34. FitVids.js
FitVids.js是一個輕量的,簡單易用的jQuery插件用于創建流暢的嵌入視頻。FitVids自動設置固有比率方法來在你的響應式設計中完成創建流暢的視頻。
35. Swipebox
Swipebox是一個jQuery燈箱插件,并支持觸摸事件,在響應式布局中也工作良好。當使用擦除手勢或者鍵盤事件時,它會顯示單個或者一組圖形性質的元素。插件主要使用CSS過渡并在支持性不好的瀏覽器中提供jQuery降級。
36. Turn.js
Turn.js是一個jQuery插件,它帶有可愛光滑的翻頁過渡效果。第一頁作為封面,剩余部分可以通過翻動頁面的任意角度來瀏覽。Turn.js只有15kb,可在移動端和平板瀏覽器中使用,并使用了硬件加速。
37. imBookFlip
imBookFlip插件能在一個內聯框架或者直接在整個頁面顯示出書本樣式的內容。頁面可以設置為可翻動,用戶可以點擊或者通過自動播放來翻頁。悲哀的是,它不支持拖動翻頁效果。同樣,它的API允許直接指向目標頁面。
38. Booklet
Booklet可能是這個列表里選項最多的插件,它能配置每一個變量。JS翻頁效果不是很強大,因為它要保持內容在范圍內(不超過書本本身),但它工作健壯?梢酝ㄟ^鍵盤,前后鍵或者自動播放來翻頁。每一個頁面有一個唯一的URL(使用哈希標簽)。它支持章節,顯示頁面號,回調交互。
39. Gmaps.js
GMaps.js 是一款資源豐富的jQuery插件,它可以使消耗過高的谷歌地圖輕便化。此外,加入了一個特殊定位的標準地圖,我們可以定義其縮放比例,添加商場,得到用戶所在位置(HTML5 geolocation),定義了路徑,標記出路線并且還有跟多內容僅僅通過一小段代碼。
40. JQVMap
JQVMap用來渲染矢量地圖的jQuery插件,它在現代瀏覽器中使用SVG,其余的瀏覽器中使用VML。這是一個基于jVectorMap插件高度修改的版本,帶有即用的世界地圖。有很多美化地圖的選項,如顏色,邊框或模糊。