主題:20款移動開發中很有用的jQuery插件    

刊登時間:2019/5/16 16:07:13    點閱率:43


     



 在開發任何移動項目時,要盡可能保持每一種資源尺寸都盡可能的小,以給最終用戶提供一個好的體驗是非常重要的。在這篇文章中我們已經編制了今年新出爐的jQuery移動插件列表,收集了滑塊,旋轉木馬,畫廊,觸摸插件,菜單等幫助你創建響應式的,美麗和引人注目的Web應用程序。

 

 

1. jQuery TouchSwipe Carousel

分享20款移動開發中很有用的jQuery插件
需要jQuery touchSwipe Carousel / Slider插件來檢測觸摸輸入設備上的滑動事件並回退到桌面上的鼠標“拖動”。

2. Slider Pro

分享20款移動開發中很有用的jQuery插件
Slider Pro是一個模塊化,響應式和触控功能的jQuery滑塊插件,可讓您創建優雅且專業的滑塊。

3.項目幻燈片

分享20款移動開發中很有用的jQuery插件
ItemSlide.js is a jQuery plugin for a touch enabled carousel that works both on desktop and mobile.

4. Editable Listview

分享20款移動開發中很有用的jQuery插件
Editable Listview is a jQuery Mobile Listview Widget that features an intuitive UI to allow insertion of new list items and removal of existing ones.

5. Owl Carousel 2

分享20款移動開發中很有用的jQuery插件
OWL Carousel 2 is a fully responsive and touch friendly carousel for jQuery/Zepto. It comes with number of features such as infinity loop, handle 1000’s items on mobile devices, smart speed, callback events, item margin, anchors navigations and many more.

6. Browserswipe.js

分享20款移動開發中很有用的jQuery插件
BrowserSwipe.js is a simple tool to allow for trackpad swipeevents when you have disabled scrolling on your site.

7. iScroll

分享20款移動開發中很有用的jQuery插件
iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller. iScroll can handle any element that needs to be moved with user interaction. It adds scrolling, zooming, panning, infinite scrolling, parallax scrolling, carousels to your projects and manages to do that in just 4kb. Give it a broom and it will also clean up your office.

8. Shifter

分享20款移動開發中很有用的jQuery插件
Shifter is a jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them.

9. TouchSwipe

分享20款移動開發中很有用的jQuery插件
TouchSwipe is a jQuery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc.

10. Glide.js

分享20款移動開發中很有用的jQuery插件
Glide是響應式和触摸友好的jQuery滑塊。基於CSS3過渡,回退到較舊的broswers。它簡單,輕便,快速。
它還具有以下功能; 滑動事件,箭頭和子彈導航,鍵盤導航,自動播放,懸停時暫停等...

11. RTP Slider

分享20款移動開發中很有用的jQuery插件
它是一個極其多功能和靈活的滑塊。強大支持流體/響應式設計,移動瀏覽器和触摸設備。幾乎所有功能都可以在網絡上的其他滑塊中找到。

12. Menutron

分享20款移動開發中很有用的jQuery插件
在調整瀏覽器大小時,Menutron會將導航菜單從列表轉換為選擇菜單。在移動設備上,選擇菜單會提取本機控件,從而更容易選擇項目。

13.觸摸圖像庫

分享20款移動開發中很有用的jQuery插件
觸摸圖像庫是一個簡單的圖像庫,除了傳統的導航方式之外,還可以通過觸摸/滑動友好來滿足移動和桌面瀏覽器的需求。

14. Swiper

分享20款移動開發中很有用的jQuery插件
Swiper - 是免費且最現代化的移動觸摸滑塊,具有硬件加速過渡和驚人的原生行為。它旨在用於移動網站,移動網絡應用程序和移動本機/混合應用程序。主要針對iOS設計,但也適用於最新的Android,Windows Phone 8和現代桌面瀏覽器。Swiper與所有平台不兼容,它是一個現代觸摸滑塊,僅專注於現代應用程序/平台,以帶來最佳體驗和簡單性。

15. mMenu

分享20款移動開發中很有用的jQuery插件
mmenu是一個jQuery插件,用於為您的移動網站或響應式網站創建光滑,應用程序外觀相似的滑動菜單。

16.翻轉

分享20款移動開發中很有用的jQuery插件
Flip是jQuery / jQuery移動插件,可以為Flipboard app提供效果。翻轉效果使用css 3d變換。翻轉效果目前適用於WebKit瀏覽器(例如​​Chrome,Safari,包括iOS移動遊戲)或Firefox 11.它仍適用於其他瀏覽器,但“幻燈片”效果將被選中。

17. Dragendjs

分享20款移動開發中很有用的jQuery插件
Dragend JS是jQuery的滑動插件。它是開源的,並使用hammer.js來觀察多點觸控手勢。

18. jQuery Navobile

分享20款移動開發中很有用的jQuery插件
jQuery Navobile是一個jQuery插件,可以輕鬆實現移動導航。Navobile使用CSS來應用CSS3翻譯,移動設備檢測和修復導航的位置。

19.響應導航

分享20款移動開發中很有用的jQuery插件
Responsive Nav是一個很小的JavaScript插件,可以幫助您為小屏幕創建切換導航。它使用觸摸事件和CSS3過渡以獲得最佳性能。它還包含一個“聰明”的解決方法,可以從height:0過渡到height:auto,這通常不適用於CSS3過渡。

20. SlideToucher

分享20款移動開發中很有用的jQuery插件
SlideToucher是一個支持觸摸的jQuery插件,用於內容滑動。支持垂直和水平滑動。

 

 

熱門文章 :
JQuery應用 : HTML5應用 : CCS3應用 :
  • 使用jQuery & CSS3 製作美麗的照片畫廊(96)


  • 5種風格的jQuery 分頁效果(90)


  • Notyf – 響應式的JavaScript 通知插件!(82)


  • 基於jQuery 實現的精緻作品集圖片導航效果(63)


  • 基於jQuery 實現動畫內容菜單(56)


  • jQuery移動端雙擊圖片放大特效(56)


  • jQuery留言評論發布代碼(53)


  • 帶分類和縮略圖顯示的jquery相冊特效(46)


  • 使用jQuery UI 創建簡單的電影搜索應用界面(45)


  • 20款移動開發中很有用的jQuery插件(43)


  • HTML5 SVG卡通水母動畫特效(178)


  • HTML5鼠標跟隨立方體碎片特效(152)


  • HTML5 Canvas大波浪動畫特效(139)


  • HTML5 SVG情人節盒子動畫特效(122)


  • HTML5文字跑馬燈動畫特效(98)


  • HTML5 Canvas流動線條動畫特效(74)


  • HTML5線條照射愛心動畫特效(70)


  • 12個很炫的HTML5 和CSS3 應用示例(59)


  • HTML5繪製彩色圓圈動畫特效(54)


  • HTML5線條像素背景動畫特效(48)


  • Creative CSS Loading Animations(267)


  • CSS3圓點冒泡背景動畫特效(263)


  • CSS3轉盤抽獎動畫特效樣式(155)


  • CSS技巧:逐幀動畫抖動解決方案(69)


  • 純CSS實現帶縮略圖的圖片相冊幻燈片效果(68)


  • 純CSS打造的鼠標懸停會顯示邊框和描述的圖片相冊特效(58)


  • 純CSS3聖誕樹雪花飄落動畫特效(56)


  • 經典網頁設計:30個創意的CSS 應用案例(49)


  • 23種漂亮的純CSS導航菜單(47)


  • 45款高質量的免費(X)HTML/CSS模板(46)


  • 素材資源 : 網頁設計 : 創意欣賞 :
  • SVG的形狀懸停效果 (一)(553)


  • SVG的形狀懸停效果 (二)(117)


  • 精品資源:40個實用的PSD 貼紙模板《下篇》(55)


  • SVG的形狀懸停效果 (三) (53)


  • HTML5三維立體泡沫方塊移動特效(50)


  • 創建紋理文本的技巧(50)


  • 支付信息提交組件網頁模板(49)


  • Sliding Header Layout (二)(49)


  • Recreating the “Design Samsung” Grid Loading Effect(39)


  • 3D Shading with Box-Shadows(39)


  • LightGallery.js – 功能齊全的Lightbox 效果(122)


  • 舌尖上的設計!10個美味的餐館和食品網站(78)


  • 令人稱讚的以辦公環境為背景的網站作品(76)


  • 具有Three.js的交互式排斥效果 (二)(75)


  • 具有Three.js的交互式排斥效果 (一)(65)


  • 20款優秀的國外Mobile App 界面設計案例(64)


  • 絲帶(Ribbon)在網頁設計中應用的20佳案例(52)


  • 20個國外優秀的網頁色彩搭配案例(51)


  • 20個以矩形元素為特色的創意網站設計作品(51)


  • 基於jQuery實現聯想大屏焦點圖切換(46)


  • 經典網頁設計:20個值得關注的創意作品集網站示例(120)


  • 50個最優秀的Photoshop 實例教程【文字特效篇】(118)


  • 【特別推薦】12套精緻的網站和移動應用界面設計素材(76)


  • 激發靈感:26個清爽的藍色調網頁設計作品欣賞(70)


  • 【推薦閱讀】簡單之美:30個極簡主義風格的網站作品(54)


  • 經典網頁設計:15個使用網格系統的精美網站作品(49)


  • 【年度盛宴】2019年排名前20位的CSS 網站作品(48)


  • 太有才了!史上最有創意的404頁面設計集錦(44)


  • 經典回顧——2019年度最佳網頁設計作品出爐【下篇】(40)


  • 15款加速Web開發的JavaScript框架(37)


  • 網頁模板 : 手機模板 : 網路科技 :
  • 照片藝術日誌網頁模板(80)


  • 圖片日誌信息網頁模板(69)


  • SNS分享圖標按鈕網頁模板(60)


  • 歡迎使用TEMPLATED提供的免費響應式網站模板(50)


  • Mountain Slider(40)


  • 個人圖片信息介紹網頁模板(39)


  • 藍色精美風格的品牌家居商城網站模板下載(39)


  • 黑色標準風格的引導頁模板下載(36)


  • 流行時尚登錄框網頁模板(34)


  • 紅色圖片列表網頁模板(34)


  • 香脆食品料理響應式網頁模板(70)


  • 圖片相冊展示響應式網頁模板(63)


  • Metro圖片信息展示響應式網頁模板(58)


  • 簡潔產品展示網店響應式網頁模板(56)


  • Fringilla Fermentum Tellus(54)


  • 藝術畫館網頁模板(52)


  • 藝術圖片展示響應式網頁模板(46)


  • 建築設計團隊介紹響應式網頁模板(45)


  • 女包商城展示響應式網頁模板(44)


  • 精品餐廳美食展示響應式網站模板(44)


  • 15款方便團隊溝通的即時聊天工具(181)


  • 50款Android 移動應用程序圖標【下篇】(86)


  • 20款你沒聽說過的小眾Web瀏覽器(78)


  • 傳說這個是35 個最好用Vue 開源庫(73)


  • 30個超棒的SVG動畫展示【上篇】(51)


  • 8款Chrome插件讓你的標籤頁更酷炫(49)


  • 50個最實用的Photoshop 實例教程【照片特效篇】(47)


  • 20個使用手寫字體的作品欣賞(44)


  • OverAPI.com – 史上最全的開發人員在線速查手冊(43)


  • Clipboard.js – 現代方式複製文本到剪貼板(41)


  •     

    服務電話:0982-450920(亞太)、0905-147856(中華)、0970-755956(台哥大) 陳老師